diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 3f91db79d032f0b694e626944a80b3c2fcf1bd96..24a926a0a17040239a86c1f9df435bba76cf7dc9 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 16f13d845bcacfdbc416a1d1da40ff0c5fe01b2e..36d591fc3b0a4a1ecd57bde9b91517a9b9e27dd6 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 5b07b60cc014501ca188177c62c4ac7464f37095..2d54c17292153743abca8fafcc3b5ed301c96783 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 b8642a985a816448fc58e5bc454e1f070bc50120..0dc06da2ca99d7c6179e9d74266c8b704664353c 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 4f6b96f8f6a97d38f9f258132064e196b96089e2..55c4bb0d46e9af3801bc851c1119be4af02eb84b 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 41bdd77125f45eee4c1388b3b533458d3e192675..7830ecc646838fdbe5d14f635c224931a20be378 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 2fa88fb1b5b3d7fb3e744f53ddb1cf912cfa2fe7..3254f8682e5072718c36a922616e7920c3a0d85d 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 72c2a0e37520a814d9500969292532758bca39c8..1e967e9ddea4f9de96621eef73c378e1f53b4df9 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 2d5018ce5e3035dc7d40a93523a72f00d21753a7..1c864fed10c94c9e379eec63e33849ed305e5811 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 c3fff4e396844aa89827b1e115d63794348c8b6b..0e8a7ad138d58ac6ecffa43248b7c8c1f64039ab 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 aac725c79616bb2a1435e6a4dd2789de6070759f..d1f055cf081a3f29c567110db6c80bdc74dbff18 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 6d71c09b8d22da5d326ef922bba0c38aa07a873a..42a49f8ec709cc57165d531f9d7d1c49f617edaf 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 183e4f5b5879a7d257aaf2ea4e1b5906920afd71..0bf6f76bcd1f7c631e0cddd19cb8b10dd7c5216b 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 cec976c0c231b39d1c667f2fe7214e7967cdfb11..a3ad841be72315ca718b9a1703dee01391d2f5e9 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 e176acba2be19ca9f19bc9e2349add904eaf84ff..d5f10d7fa208ace845e9576ecbca7f04bac68b2f 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 87a7712d34c2a1bfff9b8f1f7eac5789071948ed..6995103ec125cc7cebecd895aaed668a0b30e3a9 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 36c6f9215ca028e9b761a5661f2b38d39e7fe964..e963e76e2df18088298d13dae736f7a7ccdbfcc3 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 4ab5452b9eb74d14e757bb63a544512c29f8884d..ba5c97671d74173b4f7abfbeefe3d829357c5aa6 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 234f3bd039e8a22d0fc2f471576cdbf798a432ea..fbc8b1f8ee1ca7fb9513c70382946e97506301dc 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 691de91b451e3c5b945dc3229f7bbddb29c83aff..87856dab2e94bcecb335a7d0aead69cc2c5ff664 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 efa74c17793a97b71ef3bd4c102725d036587cf7..73888994fb77fd1655e03d8c8a7c67c6586fca2a 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 5fc316fe5dabed1ea5150749a419d1830e724e90..b1311f9705ebdcdc30f9bbbe91d13ebbc22f6c85 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 3dc6d8503e86ac37e24b5fc77f71cab27749c6fe..e0cc9e9603cc28859eae188464689295a7a51016 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 3af4d452ee6b834dbd9a24acac11c843b9e7d747..2c4d90cdd24917749b5a499c8b0ae05592055353 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 8ebf9d7490c05bd35137cac243d4156924e9f0f0..d1209ef1b9bb2497a19347ba4d4c2d0d132001a6 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 c8c5cc6da081f0a2e0766b86520501fd837df0c5..8ad635f2eba4fc9f1467fa1c037eb816a27bd2f4 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 872ec074bac98d7b302908d312eaf851fff475a7..4f53ae8e166b5441448d55338825cff16a928672 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 7fa6ff798fa94f8d864cb62bd4652d133538246d..23ed8355b8e4f91361fe8827f8b1e3177d665c47 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 33c387ac17a73df6f89a8d80e032e789c0af0fde..7a3307791934376ec462759e7ea13c2462482cc3 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 7fa78dfd92d0cee60aa4536e05053723a11657ec..0224c515fbd390fd5a95047770fa9bee94329b30 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 54b4dc53a18fde39225746659fb20103d73d7d9c..a84ac797e86998c5276ccfee2fe8ecef9c975207 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 06938eb30b77c4c8145c8c04e8741731ca5f5a0b..089ae2626cba119c7831cf24e97d7dac875fd62f 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 4eb446eb541029cd0ebaece0eb633a75a7216803..4c1774ac917c3c24bcd58a338608faad40ed342f 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 2aba984ac4258244774294043695a547eb18d8c3..a3781a8072c6bd0a8e4feedb78171ba706a24ea6 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 253d6fa6357a958766c43ca2b47a37933762c270..f97f85f8de1f1b61f157f4f1582881b56a8cd3a1 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 4f30e275ac305522e1bfcb7febd8965f08cc33ef..5a194c7a43a4604c2ba27d16ed86897214e39ca9 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 003086eebd80e34a665799d59668b0df432d657f..6afdf36e3f5b313e2bcf490bd4e32202d1e671a6 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 98057c500ccc3aa17625f2daf2a67fff48d0d0d2..34bd2ea2cb82837c6f7e7032950cb54990bae7e6 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 743c2eeb2022da79e53ae0f2933a77fa3c125300..47abc021f3d2bd1921da9d3235795e3777314c80 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 adfe8bd2a24bb48b646ecedd4e3ed04badf769b6..7f6fef22557fdbd0aa4fc3e68eff8870950762e7 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 2254d4744668575c35de9910cc8d58cb79235787..115079886154a37bb1f6e0653d711ecb35ccd4e9 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 50da37dfecb23f54c8617348aef3ce64fcbef3ca..81fd00ea5adfd840b6a1f0834f4b5b2741f2918f 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 404088cc5ea35392d0776b233e8f2abbf4fccc1d..a86de25b8a7f628fe21d4b18f6f046411aa19509 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 48afe66f0f7c04e62c56695b7a19c7434821b0fb..1f7bee2483e8e12f53921b9623e51c36e615344f 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 70b0ec7e7a6dfeebc8c7d41ce8dfc3b2c5d1b61c..56dc1b32a0cfc074ea38b4d1dea5103018a7318c 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 3ddab8d6ff9f65d30e4b9178247ef04ed2ed6889..9ab935dc6a2db3ad747cf060436c27b5f39e8ecd 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 8660a4679ca661c0b644698679f0688525906527..57773f9df0213ed65d73a7443c9f97214633fcc9 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 50f82465f7c52d9ee40ae5b7ebd1a4c065ecb693..68125c4724b4b9893b26cabebf4a0c65b7104ac4 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 f0a50dbd8f5d736afc632491aaf8e087cae15be4..14d01153435b1f44243dac6d53dee6e9c2365e00 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 ece1a0beddca92930aaec5ffb6d64a3c5ec7a29b..c56263a3d2bc1a0662124b871f2751e41ecfb81d 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 bf5ffcdfa577f92a6124d57d06f533b1aabf784e..ee534bbc9c3edbb6543107e463654bc2b4c98597 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 512be9a982eb556c2aaf47def7653bc31666ddb7..a08e622d161b7cf04d2e810b5cf6e8bd5b811506 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 035a3bf727764ffb63ba32e690e650366389de11..403f1f4261b1880f36e61c86aee3af908c0b06db 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 da47e548d5ca8d20ed71edbd9741794e6dd2e396..23f23036115b9b2bcd5d0e8c1fe2bdc69765f522 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 708497d56762fb53020d9814d1b8e98cca3167d6..8d20ef7d448e43141c6eea88eb074efeb33359c6 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 a0c729c213d264d1af32f6f1a6bd7b04960baa86..bf746095edfc3d18e121d76ef02811ab884a1d90 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 497a06c5f7ddb012959ea97cf36795f2d8654d2e..628677caa84339a2137481fb2da7d5e6b9835038 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 9aef7110f629ec5f5b3e4016419fa659289d47e3..ac8efb04b5bfdc25e751053f250e9c96bc28ba51 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 deb66266f2317d5683b1d53350fa0a5a5df3ddfa..0c24a87b82d628aa0d5d22b8749f57c1b7d01440 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 f9f2095ec134634221c03a9757af0a7422ae59d8..62e5476d322b11d7bd0dad51a30ae24c04c206b1 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 ccd3a11c659ded732e945026ed488688cdabc754..391c32f248725820b16b07f6ffc91da8ca8e66cc 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 72d9b129e0614c4dbe9d1bb9d9799e68f14ddd58..75f69ed5f10efc6ae07e3d03c104e1413904fea3 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 ef84a8a698f4ba58085ad1c861e84c286b8c5e60..638ee4ac507ea0af5b25ec981556b5ef03d4217f 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 1e0cab0f82d4732ad8b55716cc37ae9f7f11555f..2843a009502049d93b2c07b8bf873d52a87b6f94 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 5cc81d75ccd291b4d8b20cc609d7a31444a5e7cb..92adae91f64941d705031868295492292e270efd 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 d8a362ef88818270df8a0290381b3418687bc980..422e7e79b2508d1974d8fb6ce79f4593439024b5 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 15142cae77a4b23a36bc381098911364e77bad22..3557f21be09491bb013955a511ccdf95bdb6a915 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 63f8b660976658346233b365c5ef6698666e8390..dbf4148c131e6d6fe26a586f5bfd3d875b70bd1f 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 30237537558fe01ac074370ad062ec765e03e921..ecb30e94d3985e5aa6ded846ec6cbb888e6aa49f 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 17db6427cb746ec51d460128a3a0a4e773facf41..9e8788f87a414ee9308861d4e89e5141944b704f 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 f2f1d81ed99185600da4f27ef600662595acc54f..d787b050734ce1eb16c8dce62457058df1dccfce 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 9a3de8302fe713896c7b6a086e67d41f17e55d4e..67f0698f536fbe3f7b40956d4cbf8388a9e8739f 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 160255878903bf4166ab51dd642e029b672d28e4..cecc9ccdf898c58bd64db9eb874b2beb279394ab 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 980a575c968e517ea3ed8ddeacc18cb08e34fc5b..c3ea3d481fe0dbd79b9be4e3548be98226351c77 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 aaff8a4c5a97463e00ce3fd33c720512f072c1b3..37ee38ed10b55392a60f3cba1c646c1173555b9c 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 c98962c344e75a2c446e2dd342270d0bddb6c1b6..2d123a6fbfc780c2b30a3e3292f0581b98f849b9 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 4bf709f9243d555b6cc744fedda9185ce865dc86..d30a1e361dd2cb0637db3642a036b70229e01a71 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 dce93b0d31b2b21f235b34cd01153275ebfeffd3..462b02b0512c2722d561f051d671f573e5d4dd40 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 e633d9003ca2199e221a92449b9c5035e8111199..7ddc172dc2c0d9ea425a85f7b2dd20ed850bd501 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[] {