From 3adaabe8e9e87764b9f2b9f12c54996c929f696d Mon Sep 17 00:00:00 2001
From: HelloCrease <lian15@huawei.com>
Date: Tue, 29 Mar 2022 18:03:37 +0800
Subject: [PATCH] update docs

Signed-off-by: HelloCrease <lian15@huawei.com>
---
 en/application-dev/application-dev-website.md |  21 +-
 .../apis/js-apis-resource-manager.md          | 288 +++++++++---------
 .../reference/arkui-js/Readme-EN.md           |  24 +-
 ...t-transition-effect-of-shared-elements.png | Bin 11441 -> 0 bytes
 .../reference/arkui-js/js-appendix.md         |   5 -
 .../reference/arkui-js/js-components-basic.md |  57 ----
 .../arkui-js/js-components-canvas.md          |  20 --
 .../js-components-common-transition.md        |  53 ++--
 .../arkui-js/js-components-common.md          |  23 --
 .../arkui-js/js-components-container.md       |  37 ---
 .../arkui-js/js-components-custom.md          |  15 -
 .../reference/arkui-js/js-components-grid.md  |  11 -
 .../reference/arkui-js/js-components-media.md |   5 -
 .../reference/arkui-js/js-components.md       |  16 -
 .../reference/arkui-js/js-svg.md              |  33 --
 .../reference/arkui-ts/Readme-EN.md           |   5 +-
 .../reference/arkui-ts/ts-container-column.md |  26 +-
 .../arkui-ts/ts-universal-attributes-index.md |  53 ----
 .../arkui-ts/ts-universal-events-index.md     |  19 --
 en/application-dev/website.md                 |  16 +-
 .../application-dev-website.md                |  23 +-
 .../reference/arkui-ts/Readme-CN.md           |   4 +-
 .../arkui-ts/ts-basic-components-textarea.md  |  52 ++--
 .../arkui-ts/ts-basic-components-textinput.md |  78 ++---
 .../arkui-ts/ts-components-canvas-canvas.md   |  16 +-
 .../arkui-ts/ts-universal-attributes-index.md |  51 ----
 .../arkui-ts/ts-universal-events-index.md     |  18 --
 .../ui/ts-component-based-styles.md           |   2 +-
 zh-cn/application-dev/website.md              |  19 +-
 29 files changed, 317 insertions(+), 673 deletions(-)
 delete mode 100644 en/application-dev/reference/arkui-js/figures/default-transition-effect-of-shared-elements.png
 delete mode 100644 en/application-dev/reference/arkui-js/js-appendix.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-basic.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-canvas.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-common.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-container.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-custom.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-grid.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components-media.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-components.md
 delete mode 100644 en/application-dev/reference/arkui-js/js-svg.md
 delete mode 100644 en/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
 delete mode 100644 en/application-dev/reference/arkui-ts/ts-universal-events-index.md
 delete mode 100644 zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
 delete mode 100644 zh-cn/application-dev/reference/arkui-ts/ts-universal-events-index.md

diff --git a/en/application-dev/application-dev-website.md b/en/application-dev/application-dev-website.md
index 9220e1592f..66073d5844 100644
--- a/en/application-dev/application-dev-website.md
+++ b/en/application-dev/application-dev-website.md
@@ -306,8 +306,7 @@
       - [Event Parameter](reference/arkui-js/js-components-custom-event-parameter.md)
       - [slot](reference/arkui-js/js-components-custom-slot.md)
       - [Lifecycle Definition](reference/arkui-js/js-components-custom-lifecycle.md)
-    - Appendix
-      - [Type Attributes](reference/arkui-js/js-appendix-types.md)
+    - [Type Attributes](reference/arkui-js/js-appendix-types.md)
   - Compent Reference (TypeScript-based Declarative Development Paradigm)
     - Components
       - Universal Components
@@ -364,24 +363,34 @@
         - [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md)
         - [DatePicker](reference/arkui-ts/ts-basic-components-datepicker.md)
         - [Divider](reference/arkui-ts/ts-basic-components-divider.md)
+        - [Gauge](reference/arkui-ts/ts-basic-components-gauge.md)
         - [Image](reference/arkui-ts/ts-basic-components-image.md)
         - [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md)
         - [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md)
         - [Marquee](reference/arkui-ts/ts-basic-components-marquee.md)
+        - [PatternLock](reference/arkui-ts/ts-basic-components-patternlock.md)
+        - [PluginComponent](reference/arkui-ts/ts-basic-components-plugincomponent.md)
         - [Progress](reference/arkui-ts/ts-basic-components-progress.md)
         - [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md)
         - [Radio](reference/arkui-ts/ts-basic-components-radio.md)
         - [Rating](reference/arkui-ts/ts-basic-components-rating.md)
+        - [RichText](reference/arkui-ts/ts-basic-components-richtext.md)
+        - [Search](reference/arkui-ts/ts-basic-components-search.md)
         - [Select](reference/arkui-ts/ts-basic-components-select.md)
         - [Slider](reference/arkui-ts/ts-basic-components-slider.md)
         - [Span](reference/arkui-ts/ts-basic-components-span.md)
+        - [Stepper](reference/arkui-ts/ts-basic-components-stepper.md)
+        - [StepperItem](reference/arkui-ts/ts-basic-components-stepperitem.md)
         - [Text](reference/arkui-ts/ts-basic-components-text.md)
         - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
+        - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
         - [TextInput](reference/arkui-ts/ts-basic-components-textinput.md)
+        - [TextPicker](reference/arkui-ts/ts-basic-components-textpicker.md)
         - [TextTimer](reference/arkui-ts/ts-basic-components-texttimer.md)
+        - [TimePicker](reference/arkui-ts/ts-basic-components-timepicker.md)
         - [Toggle](reference/arkui-ts/ts-basic-components-toggle.md)
-        - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
         - [Web](reference/arkui-ts/ts-basic-components-web.md)
+        - [Xcomponent](reference/arkui-ts/ts-basic-components-xcomponent.md)
       - Container Components
         - [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md)
         - [Badge](reference/arkui-ts/ts-container-badge.md)
@@ -397,6 +406,7 @@
         - [Navigator](reference/arkui-ts/ts-container-navigator.md)
         - [Navigation](reference/arkui-ts/ts-container-navigation.md)
         - [Panel](reference/arkui-ts/ts-container-panel.md)
+        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
         - [Row](reference/arkui-ts/ts-container-row.md)
         - [RowSplit](reference/arkui-ts/ts-container-rowsplit.md)
         - [Scroll](reference/arkui-ts/ts-container-scroll.md)
@@ -406,7 +416,6 @@
         - [Swiper](reference/arkui-ts/ts-container-swiper.md)
         - [Tabs](reference/arkui-ts/ts-container-tabs.md)
         - [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
-        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
       - Media Components
         - [Video](reference/arkui-ts/ts-media-components-video.md)
       - Drawing Components
@@ -438,7 +447,6 @@
       - [Matrix Transformation](reference/arkui-ts/ts-matrix-transformation.md)
       - [Interpolation Calculation](reference/arkui-ts/ts-interpolation-calculation.md)
     - Global UI Methods
-      - [Image Cache](reference/arkui-ts/ts-methods-image-cache.md)
       - Dialog Box
         - [Alert Dialog Box](reference/arkui-ts/ts-methods-alert-dialog-box.md)
         - [Action Sheet](reference/arkui-ts/ts-methods-action-sheet.md)
@@ -446,8 +454,7 @@
         - [Date Picker Dialog Box](reference/arkui-ts/ts-methods-datepicker-dialog.md)
         - [Text Picker Dialog Box](reference/arkui-ts/ts-methods-textpicker-dialog.md)
       - [Menu](reference/arkui-ts/ts-methods-menu.md)
-    - Appendix
-      - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
+    - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
   - APIs
     - Ability Framework
       - [FeatureAbility Module](reference/apis/js-apis-featureAbility.md)
diff --git a/en/application-dev/reference/apis/js-apis-resource-manager.md b/en/application-dev/reference/apis/js-apis-resource-manager.md
index 7af90e99d9..e5e0509263 100644
--- a/en/application-dev/reference/apis/js-apis-resource-manager.md
+++ b/en/application-dev/reference/apis/js-apis-resource-manager.md
@@ -1,4 +1,4 @@
-Resource Management
+# Resource Management
 
 > ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**<br/>
 > The initial APIs of this module are supported since API version 6. Newly added APIs will be marked with a superscript to indicate their earliest API version.
@@ -19,9 +19,9 @@ Obtains the **ResourceManager** object of this application. This method uses a c
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                                      | Mandatory  | Description                           |
-| -------- | ---------------------------------------- | ---- | ----------------------------- |
-| callback | AsyncCallback&lt;[ResourceManager](#resourcemanager)&gt; | Yes   | Callback used to return the **ResourceManager** object obtained.|
+| Name     | Type                                     | Mandatory | Description                              |
+| -------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| callback | AsyncCallback&lt;[ResourceManager](#resourcemanager)&gt; | Yes       | Callback used to return the **ResourceManager** object obtained. |
 
 **Example**
   ```
@@ -50,10 +50,10 @@ Obtains the **ResourceManager** object of an application. This method uses an as
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name       | Type                                      | Mandatory  | Description                           |
-| ---------- | ---------------------------------------- | ---- | ----------------------------- |
-| bundleName | string                                   | Yes   | Bundle name of the target application.                |
-| callback   | AsyncCallback&lt;[ResourceManager](#resourcemanager)&gt; | Yes   | Callback used to return the **ResourceManager** object obtained.|
+| Name       | Type                                     | Mandatory | Description                              |
+| ---------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| bundleName | string                                   | Yes       | Bundle name of the target application.   |
+| callback   | AsyncCallback&lt;[ResourceManager](#resourcemanager)&gt; | Yes       | Callback used to return the **ResourceManager** object obtained. |
 
 **Example**
   ```
@@ -71,9 +71,9 @@ Obtains the **ResourceManager** object of this application. This method uses a p
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Return value**
-| Type                                      | Description               |
-| ---------------------------------------- | ----------------- |
-| Promise&lt;[ResourceManager](#resourcemanager)&gt; | Promise used to return the **ResourceManager** object obtained.|
+| Type                                     | Description                              |
+| ---------------------------------------- | ---------------------------------------- |
+| Promise&lt;[ResourceManager](#resourcemanager)&gt; | Promise used to return the **ResourceManager** object obtained. |
 
 **Example**
   ```
@@ -100,14 +100,14 @@ Obtains the **ResourceManager** object of an application. This method uses a pro
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name       | Type    | Mandatory  | Description           |
-| ---------- | ------ | ---- | ------------- |
-| bundleName | string | Yes   | Bundle name of the target application.|
+| Name       | Type   | Mandatory | Description                            |
+| ---------- | ------ | --------- | -------------------------------------- |
+| bundleName | string | Yes       | Bundle name of the target application. |
 
 **Return value**
-| Type                                      | Description                |
-| ---------------------------------------- | ------------------ |
-| Promise&lt;[ResourceManager](#resourcemanager)&gt; | Promise used to return the **ResourceManager** object obtained.|
+| Type                                     | Description                              |
+| ---------------------------------------- | ---------------------------------------- |
+| Promise&lt;[ResourceManager](#resourcemanager)&gt; | Promise used to return the **ResourceManager** object obtained. |
 
 **Example**
   ```
@@ -125,10 +125,10 @@ Enumerates the screen directions.
 
 **System capability**: SystemCapability.Global.ResourceManager
 
-| Name                  | Default Value | Description  |
-| -------------------- | ---- | ---- |
-| DIRECTION_VERTICAL   | 0    | Portrait  |
-| DIRECTION_HORIZONTAL | 1    | Landscape  |
+| Name                 | Default Value | Description |
+| -------------------- | ------------- | ----------- |
+| DIRECTION_VERTICAL   | 0             | Portrait    |
+| DIRECTION_HORIZONTAL | 1             | Landscape   |
 
 
 ## DeviceType
@@ -137,14 +137,14 @@ Enumerates the device types.
 
 **System capability**: SystemCapability.Global.ResourceManager
 
-| Name                  | Default Value | Description  |
-| -------------------- | ---- | ---- |
-| DEVICE_TYPE_PHONE    | 0x00 | Mobile phone.  |
-| DEVICE_TYPE_TABLET   | 0x01 | Tablet.  |
-| DEVICE_TYPE_CAR      | 0x02 | Automobile.  |
-| DEVICE_TYPE_PC       | 0x03 | Computer.  |
-| DEVICE_TYPE_TV       | 0x04 | TV.  |
-| DEVICE_TYPE_WEARABLE | 0x06 | Wearable.  |
+| Name                 | Default Value | Description   |
+| -------------------- | ------------- | ------------- |
+| DEVICE_TYPE_PHONE    | 0x00          | Mobile phone. |
+| DEVICE_TYPE_TABLET   | 0x01          | Tablet.       |
+| DEVICE_TYPE_CAR      | 0x02          | Automobile.   |
+| DEVICE_TYPE_PC       | 0x03          | Computer.     |
+| DEVICE_TYPE_TV       | 0x04          | TV.           |
+| DEVICE_TYPE_WEARABLE | 0x06          | Wearable.     |
 
 
 ## ScreenDensity
@@ -153,14 +153,14 @@ Enumerates the screen density types.
 
 **System capability**: SystemCapability.Global.ResourceManager
 
-| Name            | Default Value | Description        |
-| -------------- | ---- | ---------- |
-| SCREEN_SDPI    | 120  | Screen density with small-scale dots per inch (SDPI).  |
-| SCREEN_MDPI    | 160  | Screen density with medium-scale dots per inch (MDPI).  |
-| SCREEN_LDPI    | 240  | Screen density with large-scale dots per inch (LDPI).  |
-| SCREEN_XLDPI   | 320  | Screen density with extra-large-scale dots per inch (XLDPI). |
-| SCREEN_XXLDPI  | 480  | Screen density with extra-extra-large-scale dots per inch (XXLDPI). |
-| SCREEN_XXXLDPI | 640  | Screen density with extra-extra-extra-large-scale dots per inch (XXXLDPI).|
+| Name           | Default Value | Description                              |
+| -------------- | ------------- | ---------------------------------------- |
+| SCREEN_SDPI    | 120           | Screen density with small-scale dots per inch (SDPI). |
+| SCREEN_MDPI    | 160           | Screen density with medium-scale dots per inch (MDPI). |
+| SCREEN_LDPI    | 240           | Screen density with large-scale dots per inch (LDPI). |
+| SCREEN_XLDPI   | 320           | Screen density with extra-large-scale dots per inch (XLDPI). |
+| SCREEN_XXLDPI  | 480           | Screen density with extra-extra-large-scale dots per inch (XXLDPI). |
+| SCREEN_XXXLDPI | 640           | Screen density with extra-extra-extra-large-scale dots per inch (XXXLDPI). |
 
 
 ## Configuration
@@ -170,10 +170,10 @@ Defines the device configuration.
 **System capability**: SystemCapability.Global.ResourceManager
 
 
-| Name       | Type                   | Readable  | Writable  | Description      |
-| --------- | ----------------------- | ---- | ---- | -------- |
-| direction | [Direction](#direction) | Yes   | No   | Screen direction of the device.|
-| locale    | string                  | Yes   | No   | Current system language.  |
+| Name      | Type                    | Readable | Writable | Description                     |
+| --------- | ----------------------- | -------- | -------- | ------------------------------- |
+| direction | [Direction](#direction) | Yes      | No       | Screen direction of the device. |
+| locale    | string                  | Yes      | No       | Current system language.        |
 
 
 ## DeviceCapability
@@ -183,10 +183,10 @@ Defines the device capability.
 **System capability**: SystemCapability.Global.ResourceManager
 
 
-| Name           | Type                           | Readable  | Writable  | Description      |
-| ------------- | ------------------------------- | ---- | ---- | -------- |
-| screenDensity | [ScreenDensity](#screendensity) | Yes   | No   | Screen density of the device.|
-| deviceType    | [DeviceType](#devicetype)       | Yes   | No   | Type of the device.  |
+| Name          | Type                            | Readable | Writable | Description                   |
+| ------------- | ------------------------------- | -------- | -------- | ----------------------------- |
+| screenDensity | [ScreenDensity](#screendensity) | Yes      | No       | Screen density of the device. |
+| deviceType    | [DeviceType](#devicetype)       | Yes      | No       | Type of the device.           |
 
 
 ## RawFileDescriptor<sup>8+</sup>
@@ -194,11 +194,11 @@ Defines the device capability.
 Defines the descriptor information of the raw file.<br>
 **System capability**: SystemCapability.Global.ResourceManager
 
-| Name    | Type    | Description                |
-| ------ | ------ | ------------------ |
-| fd     | number | Descriptor of a raw file.|
-| offset | number | Offset to the start position of the raw file.     |
-| length | number | Length of the raw file.      |
+| Name   | Type   | Description                              |
+| ------ | ------ | ---------------------------------------- |
+| fd     | number | Descriptor of a raw file.                |
+| offset | number | Offset to the start position of the raw file. |
+| length | number | Length of the raw file.                  |
 
 
 ## ResourceManager
@@ -220,10 +220,10 @@ Obtains the string corresponding to the specified resource ID. This method uses
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                         | Mandatory  | Description             |
-| -------- | --------------------------- | ---- | --------------- |
-| resId    | number                      | Yes   | Resource ID.          |
-| callback | AsyncCallback&lt;string&gt; | Yes   | Callback used to return the string obtained.|
+| Name     | Type                        | Mandatory | Description                              |
+| -------- | --------------------------- | --------- | ---------------------------------------- |
+| resId    | number                      | Yes       | Resource ID.                             |
+| callback | AsyncCallback&lt;string&gt; | Yes       | Callback used to return the string obtained. |
 
 **Example**
   ```
@@ -248,14 +248,14 @@ Obtains the string corresponding to the specified resource ID. This method uses
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name  | Type    | Mandatory  | Description   |
-| ----- | ------ | ---- | ----- |
-| resId | number | Yes   | Resource ID.|
+| Name  | Type   | Mandatory | Description  |
+| ----- | ------ | --------- | ------------ |
+| resId | number | Yes       | Resource ID. |
 
 **Return value**
-| Type                   | Description         |
-| --------------------- | ----------- |
-| Promise&lt;string&gt; | Promise used to return the string obtained.|
+| Type                  | Description                              |
+| --------------------- | ---------------------------------------- |
+| Promise&lt;string&gt; | Promise used to return the string obtained. |
 
 **Example**
   ```
@@ -278,10 +278,10 @@ Obtains the array of strings corresponding to the specified resource ID. This me
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                                      | Mandatory  | Description               |
-| -------- | ---------------------------------------- | ---- | ----------------- |
-| resId    | number                                   | Yes   | Resource ID.            |
-| callback | AsyncCallback&lt;Array&lt;string&gt;&gt; | Yes   | Callback used to return the obtained array of strings.|
+| Name     | Type                                     | Mandatory | Description                              |
+| -------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| resId    | number                                   | Yes       | Resource ID.                             |
+| callback | AsyncCallback&lt;Array&lt;string&gt;&gt; | Yes       | Callback used to return the obtained array of strings. |
 
 **Example**
   ```
@@ -306,14 +306,14 @@ Obtains the array of strings corresponding to the specified resource ID. This me
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name  | Type    | Mandatory  | Description   |
-| ----- | ------ | ---- | ----- |
-| resId | number | Yes   | Resource ID.|
+| Name  | Type   | Mandatory | Description  |
+| ----- | ------ | --------- | ------------ |
+| resId | number | Yes       | Resource ID. |
 
 **Return value**
-| Type                                | Description           |
-| ---------------------------------- | ------------- |
-| Promise&lt;Array&lt;string&gt;&gt; | Promise used to return the array of strings obtained.|
+| Type                               | Description                              |
+| ---------------------------------- | ---------------------------------------- |
+| Promise&lt;Array&lt;string&gt;&gt; | Promise used to return the array of strings obtained. |
 
 **Example**
   ```
@@ -336,10 +336,10 @@ Obtains the content of the media file corresponding to the specified resource ID
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                             | Mandatory  | Description                |
-| -------- | ------------------------------- | ---- | ------------------ |
-| resId    | number                          | Yes   | Resource ID.             |
-| callback | AsyncCallback&lt;Uint8Array&gt; | Yes   | Callback used to return the content of the media file obtained.|
+| Name     | Type                            | Mandatory | Description                              |
+| -------- | ------------------------------- | --------- | ---------------------------------------- |
+| resId    | number                          | Yes       | Resource ID.                             |
+| callback | AsyncCallback&lt;Uint8Array&gt; | Yes       | Callback used to return the content of the media file obtained. |
 
 **Example**
   ```
@@ -364,14 +364,14 @@ Obtains the content of the media file corresponding to the specified resource ID
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name  | Type    | Mandatory  | Description   |
-| ----- | ------ | ---- | ----- |
-| resId | number | Yes   | Resource ID.|
+| Name  | Type   | Mandatory | Description  |
+| ----- | ------ | --------- | ------------ |
+| resId | number | Yes       | Resource ID. |
 
 **Return value**
-| Type                       | Description            |
-| ------------------------- | -------------- |
-| Promise&lt;Uint8Array&gt; | Promise used to return the content of the media file obtained.|
+| Type                      | Description                              |
+| ------------------------- | ---------------------------------------- |
+| Promise&lt;Uint8Array&gt; | Promise used to return the content of the media file obtained. |
 
 **Example**
   ```
@@ -394,10 +394,10 @@ Obtains the Base64 code of the image corresponding to the specified resource ID.
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                         | Mandatory  | Description                      |
-| -------- | --------------------------- | ---- | ------------------------ |
-| resId    | number                      | Yes   | Resource ID.                   |
-| callback | AsyncCallback&lt;string&gt; | Yes   | Callback used to return the Base64 code of the image obtained.|
+| Name     | Type                        | Mandatory | Description                              |
+| -------- | --------------------------- | --------- | ---------------------------------------- |
+| resId    | number                      | Yes       | Resource ID.                             |
+| callback | AsyncCallback&lt;string&gt; | Yes       | Callback used to return the Base64 code of the image obtained. |
 
 **Example**
   ```
@@ -422,14 +422,14 @@ Obtains the Base64 code of the image corresponding to the specified resource ID.
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name  | Type    | Mandatory  | Description   |
-| ----- | ------ | ---- | ----- |
-| resId | number | Yes   | Resource ID.|
+| Name  | Type   | Mandatory | Description  |
+| ----- | ------ | --------- | ------------ |
+| resId | number | Yes       | Resource ID. |
 
 **Return value**
-| Type                   | Description                  |
-| --------------------- | -------------------- |
-| Promise&lt;string&gt; | Promise used to return the Base64 code of the image obtained.|
+| Type                  | Description                              |
+| --------------------- | ---------------------------------------- |
+| Promise&lt;string&gt; | Promise used to return the Base64 code of the image obtained. |
 
 **Example**
   ```
@@ -452,9 +452,9 @@ Obtains the device configuration. This method uses an asynchronous callback to r
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                                      | Mandatory  | Description                       |
-| -------- | ---------------------------------------- | ---- | ------------------------- |
-| callback | AsyncCallback&lt;[Configuration](#configuration)&gt; | Yes   | Callback used to return the obtained device configuration.|
+| Name     | Type                                     | Mandatory | Description                              |
+| -------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| callback | AsyncCallback&lt;[Configuration](#configuration)&gt; | Yes       | Callback used to return the obtained device configuration. |
 
 **Example**
   ```
@@ -479,9 +479,9 @@ Obtains the device configuration. This method uses a promise to return the resul
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Return value**
-| Type                                      | Description              |
-| ---------------------------------------- | ---------------- |
-| Promise&lt;[Configuration](#configuration)&gt; | Promise used to return the device configuration.|
+| Type                                     | Description                              |
+| ---------------------------------------- | ---------------------------------------- |
+| Promise&lt;[Configuration](#configuration)&gt; | Promise used to return the device configuration. |
 
 **Example**
   ```
@@ -504,9 +504,9 @@ Obtains the device capability. This method uses an asynchronous callback to retu
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                                      | Mandatory  | Description                          |
-| -------- | ---------------------------------------- | ---- | ---------------------------- |
-| callback | AsyncCallback&lt;[DeviceCapability](#devicecapability)&gt; | Yes   | Callback used to return the obtained device capability.|
+| Name     | Type                                     | Mandatory | Description                              |
+| -------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| callback | AsyncCallback&lt;[DeviceCapability](#devicecapability)&gt; | Yes       | Callback used to return the obtained device capability. |
 
 **Example**
   ```
@@ -531,9 +531,9 @@ Obtains the device capability. This method uses a promise to return the result.
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Return value**
-| Type                                      | Description                 |
-| ---------------------------------------- | ------------------- |
-| Promise&lt;[DeviceCapability](#devicecapability)&gt; | Promise used to return the obtained device capability.|
+| Type                                     | Description                              |
+| ---------------------------------------- | ---------------------------------------- |
+| Promise&lt;[DeviceCapability](#devicecapability)&gt; | Promise used to return the obtained device capability. |
 
 **Example**
   ```
@@ -556,11 +556,11 @@ Obtains the specified number of singular-plural strings corresponding to the spe
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                         | Mandatory  | Description                             |
-| -------- | --------------------------- | ---- | ------------------------------- |
-| resId    | number                      | Yes   | Resource ID.                          |
-| num      | number                      | Yes   | Number that determines the plural or singular form.                            |
-| callback | AsyncCallback&lt;string&gt; | Yes   | Callback used to return the singular-plural string obtained.|
+| Name     | Type                        | Mandatory | Description                              |
+| -------- | --------------------------- | --------- | ---------------------------------------- |
+| resId    | number                      | Yes       | Resource ID.                             |
+| num      | number                      | Yes       | Number that determines the plural or singular form. |
+| callback | AsyncCallback&lt;string&gt; | Yes       | Callback used to return the singular-plural string obtained. |
 
 **Example**
   ```
@@ -585,15 +585,15 @@ Obtains the specified number of singular-plural strings corresponding to the spe
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name  | Type    | Mandatory  | Description   |
-| ----- | ------ | ---- | ----- |
-| resId | number | Yes   | Resource ID.|
-| num   | number | Yes   | Number that determines the plural or singular form.  |
+| Name  | Type   | Mandatory | Description                              |
+| ----- | ------ | --------- | ---------------------------------------- |
+| resId | number | Yes       | Resource ID.                             |
+| num   | number | Yes       | Number that determines the plural or singular form. |
 
 **Return value**
-| Type                   | Description                       |
-| --------------------- | ------------------------- |
-| Promise&lt;string&gt; | Promise used to return the singular-plural string obtained.|
+| Type                  | Description                              |
+| --------------------- | ---------------------------------------- |
+| Promise&lt;string&gt; | Promise used to return the singular-plural string obtained. |
 
 **Example**
   ```
@@ -615,10 +615,10 @@ Obtains the content of the raw file in the specified path. This method uses an a
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                             | Mandatory  | Description                     |
-| -------- | ------------------------------- | ---- | ----------------------- |
-| path     | string                          | Yes   | Path of the raw file.            |
-| callback | AsyncCallback&lt;Uint8Array&gt; | Yes   | Callback used to return the raw file content, in byte arrays.|
+| Name     | Type                            | Mandatory | Description                              |
+| -------- | ------------------------------- | --------- | ---------------------------------------- |
+| path     | string                          | Yes       | Path of the raw file.                    |
+| callback | AsyncCallback&lt;Uint8Array&gt; | Yes       | Callback used to return the raw file content, in byte arrays. |
 
 **Example**
   ```
@@ -642,14 +642,14 @@ Obtains the content of the raw file in the specified path. This method uses a pr
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name | Type    | Mandatory  | Description         |
-| ---- | ------ | ---- | ----------- |
-| path | string | Yes   | Path of the raw file.|
+| Name | Type   | Mandatory | Description           |
+| ---- | ------ | --------- | --------------------- |
+| path | string | Yes       | Path of the raw file. |
 
 **Return value**
-| Type                       | Description         |
-| ------------------------- | ----------- |
-| Promise&lt;Uint8Array&gt; | Promise used to return the raw file content, in byte arrays.|
+| Type                      | Description                              |
+| ------------------------- | ---------------------------------------- |
+| Promise&lt;Uint8Array&gt; | Promise used to return the raw file content, in byte arrays. |
 
 **Example**
   ```
@@ -671,10 +671,10 @@ Obtains the descriptor of the raw file in the specified path. This method uses a
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                                      | Mandatory  | Description                              |
-| -------- | ---------------------------------------- | ---- | -------------------------------- |
-| path     | string                                   | Yes   | Path of the raw file.                     |
-| callback | AsyncCallback&lt;[RawFileDescriptor](#rawfiledescriptor8+</sup)&gt; | Yes   | Callback used to return the raw file descriptor.|
+| Name     | Type                                     | Mandatory | Description                              |
+| -------- | ---------------------------------------- | --------- | ---------------------------------------- |
+| path     | string                                   | Yes       | Path of the raw file.                    |
+| callback | AsyncCallback&lt;[RawFileDescriptor](#rawfiledescriptor8+</sup)&gt; | Yes       | Callback used to return the raw file descriptor. |
 
 **Example**
   ```
@@ -700,14 +700,14 @@ Obtains the descriptor of the raw file in the specified path. This method uses a
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name | Type    | Mandatory  | Description         |
-| ---- | ------ | ---- | ----------- |
-| path | string | Yes   | Path of the raw file.|
+| Name | Type   | Mandatory | Description           |
+| ---- | ------ | --------- | --------------------- |
+| path | string | Yes       | Path of the raw file. |
 
 **Return value**
-| Type                                      | Description                 |
-| ---------------------------------------- | ------------------- |
-| Promise&lt;[RawFileDescriptor](#rawfiledescriptor8)&gt; | Promise used to return the raw file descriptor.|
+| Type                                     | Description                              |
+| ---------------------------------------- | ---------------------------------------- |
+| Promise&lt;[RawFileDescriptor](#rawfiledescriptor8)&gt; | Promise used to return the raw file descriptor. |
 
 **Example**
   ```
@@ -731,10 +731,10 @@ Closes the descriptor of the raw file in the specified path. This method uses an
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name     | Type                       | Mandatory  | Description         |
-| -------- | ------------------------- | ---- | ----------- |
-| path     | string                    | Yes   | Path of the raw file.|
-| callback | AsyncCallback&lt;void&gt; | Yes   | Callback used to return the result.       |
+| Name     | Type                      | Mandatory | Description                         |
+| -------- | ------------------------- | --------- | ----------------------------------- |
+| path     | string                    | Yes       | Path of the raw file.               |
+| callback | AsyncCallback&lt;void&gt; | Yes       | Callback used to return the result. |
 
 **Example**
   ```
@@ -756,14 +756,14 @@ Closes the descriptor of the raw file in the specified path. This method uses a
 **System capability**: SystemCapability.Global.ResourceManager
 
 **Parameters**
-| Name | Type    | Mandatory  | Description         |
-| ---- | ------ | ---- | ----------- |
-| path | string | Yes   | Path of the raw file.|
+| Name | Type   | Mandatory | Description           |
+| ---- | ------ | --------- | --------------------- |
+| path | string | Yes       | Path of the raw file. |
 
 **Return value**
-| Type                 | Description  |
-| ------------------- | ---- |
-| Promise&lt;void&gt; | No value is returned.|
+| Type                | Description           |
+| ------------------- | --------------------- |
+| Promise&lt;void&gt; | No value is returned. |
 
 **Example**
   ```
diff --git a/en/application-dev/reference/arkui-js/Readme-EN.md b/en/application-dev/reference/arkui-js/Readme-EN.md
index 0bae01a309..f0b0e7b6c9 100644
--- a/en/application-dev/reference/arkui-js/Readme-EN.md
+++ b/en/application-dev/reference/arkui-js/Readme-EN.md
@@ -1,7 +1,7 @@
-#  TypeScript-based Declarative Development Paradigm
+#  JavaScript-based Web-like Development Paradigm
 
--   [Components](js-components.md)
-    -   [Common](js-components-common.md)
+-   Components
+    -   Common
         -   [Universal Attributes](js-components-common-attributes.md)
         -   [Universal Styles](js-components-common-styles.md)
         -   [Universal Events](js-components-common-events.md)
@@ -13,7 +13,7 @@
         -   [Custom Font Styles](js-components-common-customizing-font.md)
         -   [Atomic Layout](js-components-common-atomic-layout.md)
 
-    -   [Container Component](js-components-container.md)
+    -   Container Component
         -   [badge](js-components-container-badge.md)
         -   [dialog](js-components-container-dialog.md)
         -   [div](js-components-container-div.md)
@@ -32,7 +32,7 @@
         -   [tab-bar](js-components-container-tab-bar.md)
         -   [tab-content](js-components-container-tab-content.md)
 
-    -   [Basic Components](js-components-basic.md)
+    -   Basic Components
         -   [button](js-components-basic-button.md)
         -   [chart](js-components-basic-chart.md)
         -   [divider](js-components-basic-divider.md)
@@ -62,10 +62,10 @@
         -   [toggle](js-components-basic-toggle.md)
         -   [web](js-components-basic-web.md)
 
-    -   [Media Components](js-components-media.md)
+    -   Media Components
         -   [video](js-components-media-video.md)
 
-    -   [Canvas Components](js-components-canvas.md)
+    -   Canvas Components
         -   [canvas](js-components-canvas-canvas.md)
         -   [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)
         -   [Image](js-components-canvas-image.md)
@@ -76,13 +76,13 @@
         -   [OffscreenCanvas](js-components-canvas-offscreencanvas.md)
         -   [OffscreenCanvasRenderingContext2D](js-offscreencanvasrenderingcontext2d.md)
 
-    -   [Grid](js-components-grid.md)
+    -   Grid
         -   [Basic Concepts](js-components-grid-basic-concepts.md)
         -   [grid-container](js-components-grid-container.md)
         -   [grid-row](js-components-grid-row.md)
         -   [grid-col](js-components-grid-col.md)
 
-    -   [SVG Components](js-svg.md)
+    -   SVG Components
         -   [Universal Attributes](js-components-svg-common-attributes.md)
         -   [svg](js-components-svg.md)
         -   [rect](js-components-svg-rect.md)
@@ -99,14 +99,12 @@
         -   [animateMotion](js-components-svg-animatemotion.md)
         -   [animateTransform](js-components-svg-animatetransform.md)
 
--   [Custom Components](js-components-custom.md)
+-   Custom Components
     -   [Basic Usage](js-components-custom-basic-usage.md)
     -   [Custom Events](js-components-custom-events.md)
     -   [props](js-components-custom-props.md)
     -   [Event Parameter](js-components-custom-event-parameter.md)
     -   [slot](js-components-custom-slot.md)
     -   [Lifecycle Definition](js-components-custom-lifecycle.md)
-
--   [Appendix](js-appendix.md)
-    -   [Type Attributes](js-appendix-types.md)
+-   [Type Attributes](js-appendix-types.md)
 
diff --git a/en/application-dev/reference/arkui-js/figures/default-transition-effect-of-shared-elements.png b/en/application-dev/reference/arkui-js/figures/default-transition-effect-of-shared-elements.png
deleted file mode 100644
index 70aa78c1973add7bf07ec822d905c1bc98cb47f9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11441
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
E0Olcj#{d8T

diff --git a/en/application-dev/reference/arkui-js/js-appendix.md b/en/application-dev/reference/arkui-js/js-appendix.md
deleted file mode 100644
index 6d1c2b0cd7..0000000000
--- a/en/application-dev/reference/arkui-js/js-appendix.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Appendix<a name="EN-US_TOPIC_0000001173324659"></a>
-
--   **[Type Attributes](js-appendix-types.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-basic.md b/en/application-dev/reference/arkui-js/js-components-basic.md
deleted file mode 100644
index f45b29fc2c..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-basic.md
+++ /dev/null
@@ -1,57 +0,0 @@
-# Basic Components<a name="EN-US_TOPIC_0000001127284922"></a>
-
--   **[button](js-components-basic-button.md)**  
-
--   **[chart](js-components-basic-chart.md)**  
-
--   **[divider](js-components-basic-divider.md)**  
-
--   **[image](js-components-basic-image.md)**  
-
--   **[image-animator](js-components-basic-image-animator.md)**  
-
--   **[input](js-components-basic-input.md)**  
-
--   **[label](js-components-basic-label.md)**  
-
--   **[marquee](js-components-basic-marquee.md)**  
-
--   **[menu](js-components-basic-menu.md)**  
-
--   **[option](js-components-basic-option.md)**  
-
--   **[picker](js-components-basic-picker.md)**  
-
--   **[picker-view](js-components-basic-picker-view.md)**  
-
--   **[piece](js-components-basic-piece.md)**  
-
--   **[progress](js-components-basic-progress.md)**  
-
--   **[qrcode](js-components-basic-qrcode.md)**  
-
--   **[rating](js-components-basic-rating.md)**  
-
--   **[richtext](js-components-basic-richtext.md)**  
-
--   **[search](js-components-basic-search.md)**  
-
--   **[select](js-components-basic-select.md)**  
-
--   **[slider](js-components-basic-slider.md)**  
-
--   **[span](js-components-basic-span.md)**  
-
--   **[switch](js-components-basic-switch.md)**  
-
--   **[text](js-components-basic-text.md)**  
-
--   **[textarea](js-components-basic-textarea.md)**  
-
--   **[toolbar](js-components-basic-toolbar.md)**  
-
--   **[toolbar-item](js-components-basic-toolbar-item.md)**  
-
--   **[toggle](js-components-basic-toggle.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-canvas.md b/en/application-dev/reference/arkui-js/js-components-canvas.md
deleted file mode 100644
index ffc337dc7e..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-canvas.md
+++ /dev/null
@@ -1,20 +0,0 @@
-# Canvas Components<a name="EN-US_TOPIC_0000001173164681"></a>
-
--   **[canvas](js-components-canvas-canvas.md)**  
-
--   **[CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)**  
-
--   **[Image](js-components-canvas-image.md)**  
-
--   **[CanvasGradient](js-components-canvas-canvasgradient.md)**  
-
--   **[ImageData](js-components-canvas-imagedata.md)**  
-
--   **[Path2D](js-components-canvas-path2d.md)**  
-
--   **[ImageBitmap](js-components-canvas-imagebitmap.md)**  
-
--   **[OffscreenCanvas](js-components-canvas-offscreencanvas.md)**  
-
--   **[OffscreenCanvasRenderingContext2D](js-offscreencanvasrenderingcontext2d.md)**  
-
diff --git a/en/application-dev/reference/arkui-js/js-components-common-transition.md b/en/application-dev/reference/arkui-js/js-components-common-transition.md
index 09bc84c241..876d80a6f6 100644
--- a/en/application-dev/reference/arkui-js/js-components-common-transition.md
+++ b/en/application-dev/reference/arkui-js/js-components-common-transition.md
@@ -8,18 +8,18 @@
 
 ### Attributes
 
-| Name| Type| Default Value| Description|
-| -------- | -------- | -------- | -------- |
-| shareid | string | -| Used for the transition of shared elements and takes effect only when it is configured.**list-item**, **image**, **text**, **button**, and **label** components are supported for the transition of shared elements.|
+| Name    | Type   | Default Value | Description                              |
+| ------- | ------ | ------------- | ---------------------------------------- |
+| shareid | string | -             | Used for the transition of shared elements and takes effect only when it is configured.**list-item**, **image**, **text**, **button**, and **label** components are supported for the transition of shared elements. |
 
 
 ### Styles
 
-| Name| Type| Default Value| Description|
-| -------- | -------- | -------- | -------- |
-| shared-transition-effect | string | exchange | Entry style of a shared element during transition.<br>-&nbsp;**exchange** (default): The source page element is moved to the position of the target page element and is zoomed in or out properly.<br>-&nbsp;**static**: The position of the target page element remains unchanged. You can configure the opacity animation. Currently, only the static effect configured on the target page takes effect.|
-| shared-transition-name | string | - | During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by **@keyframes** supporting transform and opacity animations. If the effect of shared elements conflicts with the custom animation, the latter is used.|
-| shared-transition-timing-function | string | friction | During the transition, the style configured on the target page takes effect preferentially. This style defines the difference curve during the transition of shared elements. If it is not configured, the friction curve is used.|
+| Name                              | Type   | Default Value | Description                              |
+| --------------------------------- | ------ | ------------- | ---------------------------------------- |
+| shared-transition-effect          | string | exchange      | Entry style of a shared element during transition.<br>-&nbsp;**exchange** (default): The source page element is moved to the position of the target page element and is zoomed in or out properly.<br>-&nbsp;**static**: The position of the target page element remains unchanged. You can configure the opacity animation. Currently, only the static effect configured on the target page takes effect. |
+| shared-transition-name            | string | -             | During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by **@keyframes** supporting transform and opacity animations. If the effect of shared elements conflicts with the custom animation, the latter is used. |
+| shared-transition-timing-function | string | friction      | During the transition, the style configured on the target page takes effect preferentially. This style defines the difference curve during the transition of shared elements. If it is not configured, the friction curve is used. |
 
 
 ### Important Notes
@@ -118,9 +118,9 @@ export default {
 
 ### Styles
 
-| Name| Type| Default Value| Description|
-| -------- | -------- | -------- | -------- |
-| transition-effect | string | - | Whether a component on the current page displays the transition effect during a card transition. Available values are as follows:<br>-&nbsp;**unfold**: The component will move upwards by one card height if the component is located above the card tapped by the user, or move downwards by one card height if the component is located below the card.<br>-&nbsp;**none**: No transition effect is displayed.|
+| Name              | Type   | Default Value | Description                              |
+| ----------------- | ------ | ------------- | ---------------------------------------- |
+| transition-effect | string | -             | Whether a component on the current page displays the transition effect during a card transition. Available values are as follows:<br>-&nbsp;**unfold**: The component will move upwards by one card height if the component is located above the card tapped by the user, or move downwards by one card height if the component is located below the card.<br>-&nbsp;**none**: No transition effect is displayed. |
 
 
 ### Example
@@ -214,12 +214,12 @@ export default {
 
 ### Styles
 
-| Name| Type| Default Value| Description|
-| -------- | -------- | -------- | -------- |
-| transition-enter | string | - | Works with **@keyframes** and supports transform and opacity animations. For details, see [Attributes available for the @keyframes rule](../arkui-js/js-components-common-animation.md).|
-| transition-exit | string | - | Works with **@keyframes** and supports transform and opacity animations. For details, see [Attributes available for the @keyframes rule](../arkui-js/js-components-common-animation.md).|
-| transition-duration | string | Follows the default page transition time of the device| The unit can be s or ms. The default unit is ms. If no value is specified, the default value is used. |
-| transition-timing-function | string | friction | Speed curve of the transition animation, which makes the animation more fluent. For details, see the description of **animation-timing-function **in [Animation Styles](../arkui-js/js-components-common-animation.md).|
+| Name                       | Type   | Default Value                            | Description                              |
+| -------------------------- | ------ | ---------------------------------------- | ---------------------------------------- |
+| transition-enter           | string | -                                        | Works with **@keyframes** and supports transform and opacity animations. For details, see [Attributes available for the @keyframes rule](../arkui-js/js-components-common-animation.md). |
+| transition-exit            | string | -                                        | Works with **@keyframes** and supports transform and opacity animations. For details, see [Attributes available for the @keyframes rule](../arkui-js/js-components-common-animation.md). |
+| transition-duration        | string | Follows the default page transition time of the device | The unit can be s or ms. The default unit is ms. If no value is specified, the default value is used. |
+| transition-timing-function | string | friction                                 | Speed curve of the transition animation, which makes the animation more fluent. For details, see the description of **animation-timing-function **in [Animation Styles](../arkui-js/js-components-common-animation.md). |
 
 
 ### Important Notes
@@ -255,7 +255,7 @@ export default {
    import router from '@system.router';
    export default {
        data: {
-   
+
        },
        jump() {
            router.push({
@@ -283,13 +283,13 @@ export default {
        transition-duration: 5s;
        transition-timing-function: friction;
    }
-   
+
    @keyframes go_page {
        from {
            opacity: 0;
            transform: translate(0px) rotate(60deg) scale(1.0);
        }
-   
+
        to {
            opacity: 1;
            transform: translate(100px) rotate(360deg) scale(1.0);
@@ -300,7 +300,7 @@ export default {
            opacity: 1;
            transform: translate(200px) rotate(60deg) scale(2);
        }
-   
+
        to {
            opacity: 0;
            transform: translate(200px) rotate(360deg) scale(2);
@@ -308,7 +308,6 @@ export default {
    }
    ```
 
-   
 
 2. Page2
 
@@ -325,7 +324,7 @@ export default {
    import router from '@system.router';
    export default {
        data: {
-   
+
        },
        jumpBack() {
            router.back()
@@ -342,7 +341,7 @@ export default {
        width: 100%;
        height: 100%;
    }
-   
+
    .move_page {
        width: 100px;
        height: 100px;
@@ -352,7 +351,7 @@ export default {
        transition-duration: 5s;
        transition-timing-function: ease;
    }
-   
+
    @keyframes go_page {
        from {
            opacity: 0;
@@ -363,7 +362,7 @@ export default {
            transform:translate(100px) rotate(180deg) scale(2.0);
        }
    }
-   
+
    @keyframes exit_page {
        from {
            opacity: 1;
@@ -375,5 +374,5 @@ export default {
        }
    }
    ```
-   
+
    ![transition](figures/transition.gif)
diff --git a/en/application-dev/reference/arkui-js/js-components-common.md b/en/application-dev/reference/arkui-js/js-components-common.md
deleted file mode 100644
index 504bd5619b..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-common.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# Common<a name="EN-US_TOPIC_0000001127284874"></a>
-
--   **[Universal Attributes](js-components-common-attributes.md)**  
-
--   **[Universal Styles](js-components-common-styles.md)**  
-
--   **[Universal Events](js-components-common-events.md)**  
-
--   **[Universal Methods](js-components-common-methods.md)**  
-
--   **[Animation Styles](js-components-common-animation.md)**  
-
--   **[Gradient Styles](js-components-common-gradient.md)**  
-
--   **[Transition Styles](js-components-common-transition.md)**  
-
--   **[Media Query](js-components-common-mediaquery.md)**  
-
--   **[Custom Font Styles](js-components-common-customizing-font.md)**  
-
--   **[Atomic Layout](js-components-common-atomic-layout.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-container.md b/en/application-dev/reference/arkui-js/js-components-container.md
deleted file mode 100644
index b9044baeb3..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-container.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Container Component<a name="EN-US_TOPIC_0000001127125102"></a>
-
--   **[badge](js-components-container-badge.md)**  
-
--   **[dialog](js-components-container-dialog.md)**  
-
--   **[div](js-components-container-div.md)**  
-
--   **[form](js-components-container-form.md)**  
-
--   **[list](js-components-container-list.md)**  
-
--   **[list-item](js-components-container-list-item.md)**  
-
--   **[list-item-group](js-components-container-list-item-group.md)**  
-
--   **[panel](js-components-container-panel.md)**  
-
--   **[popup](js-components-container-popup.md)**  
-
--   **[refresh](js-components-container-refresh.md)**  
-
--   **[stack](js-components-container-stack.md)**  
-
--   **[stepper](js-components-container-stepper.md)**  
-
--   **[stepper-item](js-components-container-stepper-item.md)**  
-
--   **[swiper](js-components-container-swiper.md)**  
-
--   **[tabs](js-components-container-tabs.md)**  
-
--   **[tab-bar](js-components-container-tab-bar.md)**  
-
--   **[tab-content](js-components-container-tab-content.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-custom.md b/en/application-dev/reference/arkui-js/js-components-custom.md
deleted file mode 100644
index 496a31fd7e..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-custom.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Custom Components<a name="EN-US_TOPIC_0000001173164753"></a>
-
--   **[Basic Usage](js-components-custom-basic-usage.md)**  
-
--   **[Custom Events](js-components-custom-events.md)**  
-
--   **[props](js-components-custom-props.md)**  
-
--   **[Event Parameter](js-components-custom-event-parameter.md)**  
-
--   **[slot](js-components-custom-slot.md)**  
-
--   **[Lifecycle Definition](js-components-custom-lifecycle.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-grid.md b/en/application-dev/reference/arkui-js/js-components-grid.md
deleted file mode 100644
index f976ab6390..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-grid.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# Grid<a name="EN-US_TOPIC_0000001127125024"></a>
-
--   **[Basic Concepts](js-components-grid-basic-concepts.md)**  
-
--   **[grid-container](js-components-grid-container.md)**  
-
--   **[grid-row](js-components-grid-row.md)**  
-
--   **[grid-col](js-components-grid-col.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components-media.md b/en/application-dev/reference/arkui-js/js-components-media.md
deleted file mode 100644
index a2a2ad64fb..0000000000
--- a/en/application-dev/reference/arkui-js/js-components-media.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Media Components<a name="EN-US_TOPIC_0000001127284858"></a>
-
--   **[video](js-components-media-video.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-js/js-components.md b/en/application-dev/reference/arkui-js/js-components.md
deleted file mode 100644
index 048e5afb46..0000000000
--- a/en/application-dev/reference/arkui-js/js-components.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Components<a name="EN-US_TOPIC_0000001127125066"></a>
-
--   **[Common](js-components-common.md)**  
-
--   **[Container Component](js-components-container.md)**  
-
--   **[Basic Components](js-components-basic.md)**  
-
--   **[Media Components](js-components-media.md)**  
-
--   **[Canvas Components ](js-components-canvas.md)**  
-
--   **[Grid](js-components-grid.md)**  
-
--   **[SVG Components](js-svg.md)**  
-
diff --git a/en/application-dev/reference/arkui-js/js-svg.md b/en/application-dev/reference/arkui-js/js-svg.md
deleted file mode 100644
index abf0fae593..0000000000
--- a/en/application-dev/reference/arkui-js/js-svg.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# SVG Components<a name="EN-US_TOPIC_0000001127284910"></a>
-
--   **[Universal Attributes](js-components-svg-common-attributes.md)**  
-
--   **[svg](js-components-svg.md)**  
-
--   **[rect](js-components-svg-rect.md)**  
-
--   **[circle](js-components-svg-circle.md)**  
-
--   **[ellipse](js-components-svg-ellipse.md)**  
-
--   **[path](js-components-svg-path.md)**  
-
--   **[line](js-components-svg-line.md)**  
-
--   **[polyline](js-components-svg-polyline.md)**  
-
--   **[polygon](js-components-svg-polygon.md)**  
-
--   **[text](js-components-svg-text.md)**  
-
--   **[tspan](js-components-svg-tspan.md)**  
-
--   **[textPath](js-components-svg-textpath.md)**  
-
--   **[animate](js-components-svg-animate.md)**  
-
--   **[animateMotion](js-components-svg-animatemotion.md)**  
-
--   **[animateTransform](js-components-svg-animatetransform.md)**  
-
-
diff --git a/en/application-dev/reference/arkui-ts/Readme-EN.md b/en/application-dev/reference/arkui-ts/Readme-EN.md
index 2944b62d07..0dabd2d791 100644
--- a/en/application-dev/reference/arkui-ts/Readme-EN.md
+++ b/en/application-dev/reference/arkui-ts/Readme-EN.md
@@ -2,7 +2,7 @@
 
 - Components
     - Universal Components
-        - [Universal Events](ts-universal-event-index.md)
+        - Universal Events
             - [Click Event](ts-universal-events-click.md)
             - [Touch Event](ts-universal-events-touch.md)
             - [Show/Hide Event](ts-universal-events-show-hide.md)
@@ -11,7 +11,7 @@
             - [Focus Event](ts-universal-focus-event.md)
             - [Mouse Event](ts-universal-mouse-key.md)
             - [Component Area Change Event](ts-universal-component-area-change-event.md)
-        - [Universal Attributes](ts-universal-attributes-index.md)
+        - Universal Attributes
             - [Size](ts-universal-attributes-size.md)
             - [Location](ts-universal-attributes-location.md)
             - [Layout Constraints](ts-universal-attributes-layout-constraints.md)
@@ -139,7 +139,6 @@
     - [Matrix Transformation](ts-matrix-transformation.md)
     - [Interpolation Calculation](ts-interpolation-calculation.md)
 - Global UI Methods
-    - [Image Cache](ts-methods-image-cache.md)
     - Pop-up Window
         - [Alert Dialog Box](ts-methods-alert-dialog-box.md)
         - [Action Sheet](ts-methods-action-sheet.md)
diff --git a/en/application-dev/reference/arkui-ts/ts-container-column.md b/en/application-dev/reference/arkui-ts/ts-container-column.md
index 09b477964a..c2e9e856a5 100644
--- a/en/application-dev/reference/arkui-ts/ts-container-column.md
+++ b/en/application-dev/reference/arkui-ts/ts-container-column.md
@@ -24,24 +24,24 @@ Column(value:{space?: Length})
 
 
 - Parameters
-    | Name | Type | Mandatory | Default Value | Description | 
-  | -------- | -------- | -------- | -------- | -------- |
-  | space | Length | No | 0 | Space between any two adjacent child components in the vertical layout. | 
+    | Name  | Type   | Mandatory | Default Value | Description                              |
+    | ----- | ------ | --------- | ------------- | ---------------------------------------- |
+    | space | Length | No        | 0             | Space between any two adjacent child components in the vertical layout. |
 
 
 ## Attributes
 
-| Name | Type | Default Value | Description |
-| -------- | -------- | -------- | -------- |
-| alignItems | HorizontalAlign | HorizontalAlign.Center | Alignment mode of child components in the horizontal direction. |
-| justifyContent<sup>8+</sup> | [FlexAlign](ts-container-flex.md) | FlexAlign.Start | Alignment mode of child components in the vertical direction. |
+| Name                        | Type                              | Default Value          | Description                              |
+| --------------------------- | --------------------------------- | ---------------------- | ---------------------------------------- |
+| alignItems                  | HorizontalAlign                   | HorizontalAlign.Center | Alignment mode of child components in the horizontal direction. |
+| justifyContent<sup>8+</sup> | [FlexAlign](ts-container-flex.md) | FlexAlign.Start        | Alignment mode of child components in the vertical direction. |
 
 - HorizontalAlign enums
-    | Name | Description | 
-  | -------- | -------- |
-  | Start | Aligned with the start edge in the same direction as the language in use. | 
-  | Center | Center alignment. This is the default alignment mode. | 
-  | End | Aligned with the end edge in the same direction as the language in use. | 
+    | Name   | Description                              |
+    | ------ | ---------------------------------------- |
+    | Start  | Aligned with the start edge in the same direction as the language in use. |
+    | Center | Center alignment. This is the default alignment mode. |
+    | End    | Aligned with the end edge in the same direction as the language in use. |
 
 
 ## Example
@@ -86,4 +86,4 @@ struct ColumnExample {
 }
 ```
 
-![](figures/column.png)
+![](figures/Column.png)
diff --git a/en/application-dev/reference/arkui-ts/ts-universal-attributes-index.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
deleted file mode 100644
index b565b5df7a..0000000000
--- a/en/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Universal Attributes
-
-
-
-- **[Size](ts-universal-attributes-size.md)**
-
-- **[Location](ts-universal-attributes-location.md)**
-
-- **[Layout Constraints](ts-universal-attributes-layout-constraints.md)**
-
-- **[Flex Layout](ts-universal-attributes-flex-layout.md)**
-
-- **[Border](ts-universal-attributes-border.md)**
-
-- **[Background](ts-universal-attributes-background.md)**
-
-- **[Opacity](ts-universal-attributes-opacity.md)**
-
-- **[Visibility](ts-universal-attributes-visibility.md)**
-
-- **[Enable/Disable](ts-universal-attributes-enable.md)**
-
-- **[Overlay](ts-universal-attributes-overlay.md)**
-
-- **[Z-order Control](ts-universal-attributes-z-order.md)**
-
-- **[Transformation](ts-universal-attributes-transformation.md)**
-
-- **[Image Effect Configuration](ts-universal-attributes-image-effect.md)**
-
-- **[Shape Clipping](ts-universal-attributes-sharp-clipping.md)**
-
-- **[Text Style](ts-universal-attributes-text-style.md)**
-
-- **[Grid](ts-universal-attributes-grid.md)**
-
-- **[Gradient Color](ts-universal-attributes-gradient-color.md)**
-
-- **[Popup Control](ts-universal-attributes-popup.md)**
-
-- **[Menu Control](ts-universal-attributes-menu.md)**
-
-- **[Click Control](ts-universal-attributes-click.md)**
-
-- **[Focus Control](ts-universal-attributes-focus.md)**
-
-- **[Hover Effect](ts-universal-attributes-hover-effect.md)**
-
-- **[Component ID](ts-universal-attributes-component-id.md)**
-
-- **[Touch Target](ts-universal-attributes-touch-target.md)**
-
-- **[Polymorphic Style](ts-universal-attributes-polymorphic-style.md)**
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-universal-events-index.md b/en/application-dev/reference/arkui-ts/ts-universal-events-index.md
deleted file mode 100644
index fd2340deb9..0000000000
--- a/en/application-dev/reference/arkui-ts/ts-universal-events-index.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# Universal Events
-
-
-
-- **[Click Event](ts-universal-events-click.md)**
-
-- **[Touch Event](ts-universal-events-touch.md)**
-
-- **[Show/Hide Event](ts-universal-events-show-hide.md)**
-
-- **[Drag/Drop Event](ts-universal-events-drag-drop.md)**
-
-- **[Key Event](ts-universal-events-key.md)**
-
-- **[Focus Event](ts-universal-focus-event.md)**
-
-- **[Mouse Event](ts-universal-mouse-key.md)**
-
-- **[Component Area Change Event](ts-universal-component-area-change-event.md)**
\ No newline at end of file
diff --git a/en/application-dev/website.md b/en/application-dev/website.md
index eb691d6621..e7fe0c8f45 100644
--- a/en/application-dev/website.md
+++ b/en/application-dev/website.md
@@ -106,15 +106,15 @@
           - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
         - Syntactic Sugar
           -  [@Decorator](ts-syntactic-sugar-decorator.md)
-        
+
           -  [Chain Call](ts-syntactic-sugar-chaining.md)
-        
+
           -  [struct](ts-syntactic-sugar-struct.md)
-        
+
           -  [Instantiating a struct Without the new Keyword](ts-instantiating-a-struct-without-new-keyword.md)
-        
+
           -  [Using a Separate Line for New Component](ts-using-a-separate-line-for-new-component.md)
-        
+
           -  [Restrictions on Using TypeScript for Generators](ts-restrictions-for-generators.md)
       - Experiencing the Declarative UI
         - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
@@ -279,8 +279,7 @@
       - [Event Parameter](reference/arkui-js/js-components-custom-event-parameter.md)
       - [slot](reference/arkui-js/js-components-custom-slot.md)
       - [Lifecycle Definition](reference/arkui-js/js-components-custom-lifecycle.md)
-    - Appendix
-      - [Type Attributes](reference/arkui-js/js-appendix-types.md)
+    - [Type Attributes](reference/arkui-js/js-appendix-types.md)
   - Compent Reference (TypeScript-based Declarative Development Paradigm)
     - Components
       - Universal Components
@@ -401,8 +400,7 @@
       - [Image Cache](reference/arkui-ts/ts-methods-image-cache.md)
       - [Media Query](reference/arkui-ts/ts-methods-media-query.md)
       - [List Selection Dialog Box](reference/arkui-ts/ts-methods-action-sheet.md)
-    - Appendix
-      - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
+    - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
   - APIs
     - Ability Framework
       - [FeatureAbility Module](reference/apis/js-apis-featureAbility.md)
diff --git a/zh-cn/application-dev/application-dev-website.md b/zh-cn/application-dev/application-dev-website.md
index e236929ca7..b24e83fb30 100644
--- a/zh-cn/application-dev/application-dev-website.md
+++ b/zh-cn/application-dev/application-dev-website.md
@@ -1,12 +1,12 @@
 - [应用开发导读](application-dev-guide.md)
 - 快速开始
-  
+
   - 快速入门
     - [前言](quick-start/start-overview.md)
     - [使用eTS语言开发](quick-start/start-with-ets.md)
     - [使用JS语言开发（传统代码方式）](quick-start/start-with-js.md)
     - [使用JS语言开发（低代码方式）](quick-start/start-with-js-low-code.md)
-  
+
   - 开发基础知识
     - [应用开发包结构说明](quick-start/package-structure.md)
     - [资源文件的分类](quick-start/basic-resource-file-categories.md)
@@ -362,8 +362,7 @@
       - [事件参数](reference/arkui-js/js-components-custom-event-parameter.md)
       - [slot插槽](reference/arkui-js/js-components-custom-slot.md)
       - [生命周期定义](reference/arkui-js/js-components-custom-lifecycle.md)
-    - 附录
-      - [类型说明](reference/arkui-js/js-appendix-types.md)
+    - [类型说明](reference/arkui-js/js-appendix-types.md)
   - 组件参考（基于TS扩展的声明式开发范式）
     - 组件
       - 通用
@@ -420,24 +419,33 @@
         - [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md)
         - [DatePicker](reference/arkui-ts/ts-basic-components-datepicker.md)
         - [Divider](reference/arkui-ts/ts-basic-components-divider.md)
+        - [Gauge](reference/arkui-ts/ts-basic-components-gauge.md)
         - [Image](reference/arkui-ts/ts-basic-components-image.md)
         - [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md)
         - [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md)
+        - [Marquee](reference/arkui-ts/ts-basic-components-marquee.md)
+        - [PatternLock](reference/arkui-ts/ts-basic-components-patternlock.md)
+        - [PluginComponent](reference/arkui-ts/ts-basic-components-pluginComponent.md)
         - [Progress](reference/arkui-ts/ts-basic-components-progress.md)
         - [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md)
         - [Radio](reference/arkui-ts/ts-basic-components-radio.md)
         - [Rating](reference/arkui-ts/ts-basic-components-rating.md)
+        - [RichText](reference/arkui-ts/ts-basic-components-richtext.md)
+        - [Search](reference/arkui-ts/ts-basic-components-search.md)
         - [Select](reference/arkui-ts/ts-basic-components-select.md)
         - [Slider](reference/arkui-ts/ts-basic-components-slider.md)
+        - [Stepper](reference/arkui-ts/ts-basic-components-stepper.md)
+        - [StepperItem](reference/arkui-ts/ts-basic-components-stepperitem.md)
         - [Span](reference/arkui-ts/ts-basic-components-span.md)
         - [Text](reference/arkui-ts/ts-basic-components-text.md)
         - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
         - [TextInput](reference/arkui-ts/ts-basic-components-textinput.md)
         - [TextPicker](reference/arkui-ts/ts-basic-components-textpicker.md)
         - [TextTimer](reference/arkui-ts/ts-basic-components-texttimer.md)
+        - [TimePicker](reference/arkui-ts/ts-basic-components-timepicker.md)
         - [Toggle](reference/arkui-ts/ts-basic-components-toggle.md)
-        - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
         - [Web](reference/arkui-ts/ts-basic-components-web.md)
+        - [Xcomponent](reference/arkui-ts/ts-basic-components-xcomponent.md)
       - 容器组件
         - [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md)
         - [Badge](reference/arkui-ts/ts-container-badge.md)
@@ -453,6 +461,7 @@
         - [Navigator](reference/arkui-ts/ts-container-navigator.md)
         - [Navigation](reference/arkui-ts/ts-basic-components-navigation.md)
         - [Panel](reference/arkui-ts/ts-container-panel.md)
+        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
         - [Row](reference/arkui-ts/ts-container-row.md)
         - [RowSplit](reference/arkui-ts/ts-container-rowsplit.md)
         - [Scroll](reference/arkui-ts/ts-container-scroll.md)
@@ -462,7 +471,6 @@
         - [Swiper](reference/arkui-ts/ts-container-swiper.md)
         - [Tabs](reference/arkui-ts/ts-container-tabs.md)
         - [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
-        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
       - 媒体组件
         - [Video](reference/arkui-ts/ts-media-components-video.md)
       - 绘制组件
@@ -501,8 +509,7 @@
         - [日期时间选择弹窗](reference/arkui-ts/ts-methods-datepicker-dialog.md)
         - [文本选择弹窗](reference/arkui-ts/ts-methods-textpicker-dialog.md)
       - [菜单](reference/arkui-ts/ts-methods-menu.md)
-    - 附录
-      - [文档中涉及到的内置枚举值](reference/arkui-ts/ts-appendix-enums.md)
+    - [文档中涉及到的内置枚举值](reference/arkui-ts/ts-appendix-enums.md)
   - 接口参考
     - Ability框架
       - [FeatureAbility模块](reference/apis/js-apis-featureAbility.md)
diff --git a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
index 6089ea601b..834c066c5e 100644
--- a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
+++ b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
@@ -2,7 +2,7 @@
 
 - 组件
     - 通用
-        - [通用事件](ts-universal-events-index.md)
+        - 通用事件
             - [点击事件](ts-universal-events-click.md)
             - [触摸事件](ts-universal-events-touch.md)
             - [挂载卸载事件](ts-universal-events-show-hide.md)
@@ -11,7 +11,7 @@
             - [焦点事件](ts-universal-focus-event.md)
             - [鼠标事件](ts-universal-mouse-key.md)
             - [组件区域变化事件](ts-universal-component-area-change-event.md)
-        - [通用属性](ts-universal-attributes-index.md)
+        - 通用属性
             - [尺寸设置](ts-universal-attributes-size.md)
             - [位置设置](ts-universal-attributes-location.md)
             - [布局约束](ts-universal-attributes-layout-constraints.md)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
index 71f0dd32ab..f860a751b5 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
@@ -22,40 +22,40 @@
 TextArea(value?:{placeholder?: string controller?: TextAreaController})
 
 - 参数
-  | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
-  | -------- | -------- | -------- | -------- | -------- |
-  | placeholder | string | 否 | - | 无输入时的提示文本。 |
-  | controller<sup>8+</sup> | [TextAreaController](#textareacontroller8) | 否 | - | 设置TextArea控制器。 |
+  | 参数名                     | 参数类型                                     | 必填   | 默认值  | 参数描述           |
+  | ----------------------- | ---------------------------------------- | ---- | ---- | -------------- |
+  | placeholder             | string                                   | 否    | -    | 无输入时的提示文本。     |
+  | controller<sup>8+</sup> | [TextAreaController](#textareacontroller8) | 否    | -    | 设置TextArea控制器。 |
 
 
 ## 属性
 
-除支持[通用属性](ts-universal-attributes-index.md)外，还支持以下属性：
+除支持通用属性外，还支持以下属性：
 
-| 名称 | 参数类型 | 默认值 | 描述 |
-| -------- | -------- | -------- | -------- |
-| placeholderColor | Color | - | 设置placeholder文本颜色。 |
-| placeholderFont | {<br/>size?:&nbsp;number,<br/>weight?:number&nbsp;\|&nbsp;[FontWeight](ts-universal-attributes-text-style.md)，<br/>family?:&nbsp;string,<br/>style?:&nbsp;[FontStyle](ts-universal-attributes-text-style.md)<br/>} | - | 设置placeholder文本样式：<br/>-&nbsp;size:&nbsp;设置文本尺寸，Length为number类型时，使用fp单位。<br/>-&nbsp;weight:&nbsp;设置文本的字体粗细，number类型取值[100,&nbsp;900]，取值间隔为100，默认为400，取值越大，字体越粗。<br/>-&nbsp;family:&nbsp;设置文本的字体列表。使用多个字体，使用','进行分割，优先级按顺序生效，例如：'Arial,&nbsp;sans-serif'。<br/>-&nbsp;style:&nbsp;设置文本的字体样式。 |
-| textAlign | TextAlign | Start | 设置文本水平对齐方式。 |
-| caretColor | Color | - | 设置输入框光标颜色。 |
-| inputFilter<sup>8+</sup> | {<br/>value:&nbsp;[ResourceStr](../../ui/ts-types.md)<sup>8+</sup>,<br/>error?:&nbsp;(value:&nbsp;string)<br/>} | - | 通过正则表达式设置输入过滤器。满足表达式的输入允许显示，不满足的输入被忽略。仅支持单个字符匹配，不支持字符串匹配。例如：^(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{8,10}$，不支持过滤8到10位的强密码。<br/>-&nbsp;value：设置正则表达式。<br/>-&nbsp;error：正则匹配失败时，返回被忽略的内容。 |
+| 名称                       | 参数类型                                     | 默认值   | 描述                                       |
+| ------------------------ | ---------------------------------------- | ----- | ---------------------------------------- |
+| placeholderColor         | Color                                    | -     | 设置placeholder文本颜色。                       |
+| placeholderFont          | {<br/>size?:&nbsp;number,<br/>weight?:number&nbsp;\|&nbsp;[FontWeight](ts-universal-attributes-text-style.md)，<br/>family?:&nbsp;string,<br/>style?:&nbsp;[FontStyle](ts-universal-attributes-text-style.md)<br/>} | -     | 设置placeholder文本样式：<br/>-&nbsp;size:&nbsp;设置文本尺寸，Length为number类型时，使用fp单位。<br/>-&nbsp;weight:&nbsp;设置文本的字体粗细，number类型取值[100,&nbsp;900]，取值间隔为100，默认为400，取值越大，字体越粗。<br/>-&nbsp;family:&nbsp;设置文本的字体列表。使用多个字体，使用','进行分割，优先级按顺序生效，例如：'Arial,&nbsp;sans-serif'。<br/>-&nbsp;style:&nbsp;设置文本的字体样式。 |
+| textAlign                | TextAlign                                | Start | 设置文本水平对齐方式。                              |
+| caretColor               | Color                                    | -     | 设置输入框光标颜色。                               |
+| inputFilter<sup>8+</sup> | {<br/>value:&nbsp;[ResourceStr](../../ui/ts-types.md)<sup>8+</sup>,<br/>error?:&nbsp;(value:&nbsp;string)<br/>} | -     | 通过正则表达式设置输入过滤器。满足表达式的输入允许显示，不满足的输入被忽略。仅支持单个字符匹配，不支持字符串匹配。例如：^(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{8,10}$，不支持过滤8到10位的强密码。<br/>-&nbsp;value：设置正则表达式。<br/>-&nbsp;error：正则匹配失败时，返回被忽略的内容。 |
 
 - TextAlign枚举说明
-  | 名称 | 描述 | 
-  | -------- | -------- |
-  | Start | 水平对齐首部。 | 
-  | Center | 水平居中对齐。 | 
-  | End | 水平对齐尾部。 | 
+  | 名称     | 描述      |
+  | ------ | ------- |
+  | Start  | 水平对齐首部。 |
+  | Center | 水平居中对齐。 |
+  | End    | 水平对齐尾部。 |
 
 
 ## 事件
 
-| 名称 | 功能描述 | 
-| -------- | -------- |
-| onChange(callback:&nbsp;(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 输入发生变化时，触发回调。 | 
-| onCopy<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板复制按钮，触发回调。<br/>value：复制的文本内容。 | 
-| onCut<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板剪切按钮，触发回调。<br/>value：剪切的文本内容。 | 
-| onPaste<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板粘贴按钮，触发回调。<br/>value：粘贴的文本内容。 | 
+| 名称                                       | 功能描述                                     |
+| ---------------------------------------- | ---------------------------------------- |
+| onChange(callback:&nbsp;(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 输入发生变化时，触发回调。                            |
+| onCopy<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板复制按钮，触发回调。<br/>value：复制的文本内容。 |
+| onCut<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板剪切按钮，触发回调。<br/>value：剪切的文本内容。 |
+| onPaste<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板粘贴按钮，触发回调。<br/>value：粘贴的文本内容。 |
 
 ## TextAreaController<sup>8+</sup>
 
@@ -75,9 +75,9 @@ caretPosition(value: number): void
 设置输入光标的位置。
 
 - 参数
-  | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | 
-  | -------- | -------- | -------- | -------- | -------- |
-  | value | number | 是 | - | 从字符串开始到光标所在位置的字符长度。 | 
+  | 参数名   | 参数类型   | 必填   | 默认值  | 参数描述                |
+  | ----- | ------ | ---- | ---- | ------------------- |
+  | value | number | 是    | -    | 从字符串开始到光标所在位置的字符长度。 |
 
 
 ## 示例
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
index e9398d127b..2a45556e43 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
@@ -22,55 +22,55 @@
 TextInput(value?:{placeholder?: string controller?: TextInputController})
 
 - 参数
-  | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
-  | -------- | -------- | -------- | -------- | -------- |
-  | placeholder | string | 否 | - | 无输入时的提示文本。 |
-  | controller<sup>8+</sup> | [TextInputController](#textinputcontroller8) | 否 | - | 设置TextInput控制器。 |
+  | 参数名                     | 参数类型                                     | 必填   | 默认值  | 参数描述            |
+  | ----------------------- | ---------------------------------------- | ---- | ---- | --------------- |
+  | placeholder             | string                                   | 否    | -    | 无输入时的提示文本。      |
+  | controller<sup>8+</sup> | [TextInputController](#textinputcontroller8) | 否    | -    | 设置TextInput控制器。 |
 
 
 ## 属性
 
-除支持[通用属性](ts-universal-attributes-index.md)外，还支持以下属性：
+除支持通用属性外，还支持以下属性：
 
-| 名称 | 参数类型 | 默认值 | 描述 |
-| -------- | -------- | -------- | -------- |
-| type | InputType | InputType.Normal | 设置输入框类型。 |
-| placeholderColor | Color | - | 设置placeholder颜色。 |
-| placeholderFont | {<br/>size?:&nbsp;Length,<br/>weight?:&nbsp;number\|[FontWeight](ts-universal-attributes-text-style.md),<br/>family?:&nbsp;string,<br/>style?:&nbsp;[FontStyle](ts-universal-attributes-text-style.md)<br/>} | - | 设置placeholder文本样式：<br/>-&nbsp;size:&nbsp;设置文本尺寸，Length为number类型时，使用fp单位。<br/>-&nbsp;weight:&nbsp;设置文本的字体粗细，number类型取值[100,&nbsp;900]，取值间隔为100，默认为400，取值越大，字体越粗。<br/>-&nbsp;family:&nbsp;设置文本的字体列表。使用多个字体，使用','进行分割，优先级按顺序生效。例如：'Arial,&nbsp;sans-serif'。<br/>-&nbsp;style:&nbsp;设置文本的字体样式。 |
-| enterKeyType | EnterKeyType                                                 | EnterKeyType.Done | 设置输入法回车键类型。 |
-| caretColor | Color | - | 设置输入框光标颜色。 |
-| maxLength | number | - | 设置文本的最大输入字符数。 |
-| inputFilter<sup>8+</sup> | {<br/>value:&nbsp;[ResourceStr](../../ui/ts-types.md)<sup>8+</sup>,<br/>error?:&nbsp;(value:&nbsp;string)<br/>} | - | 正则表达式，满足表达式的输入允许显示，不满足正则表达式的输入被忽略。仅支持单个字符匹配，不支持字符串匹配。例如：^(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{8,10}$，8到10位的强密码不支持过滤。<br/>-&nbsp;value：设置正则表达式。<br/>-&nbsp;error：正则匹配失败时，返回被忽略的内容。 |
+| 名称                       | 参数类型                                     | 默认值               | 描述                                       |
+| ------------------------ | ---------------------------------------- | ----------------- | ---------------------------------------- |
+| type                     | InputType                                | InputType.Normal  | 设置输入框类型。                                 |
+| placeholderColor         | Color                                    | -                 | 设置placeholder颜色。                         |
+| placeholderFont          | {<br/>size?:&nbsp;Length,<br/>weight?:&nbsp;number\|[FontWeight](ts-universal-attributes-text-style.md),<br/>family?:&nbsp;string,<br/>style?:&nbsp;[FontStyle](ts-universal-attributes-text-style.md)<br/>} | -                 | 设置placeholder文本样式：<br/>-&nbsp;size:&nbsp;设置文本尺寸，Length为number类型时，使用fp单位。<br/>-&nbsp;weight:&nbsp;设置文本的字体粗细，number类型取值[100,&nbsp;900]，取值间隔为100，默认为400，取值越大，字体越粗。<br/>-&nbsp;family:&nbsp;设置文本的字体列表。使用多个字体，使用','进行分割，优先级按顺序生效。例如：'Arial,&nbsp;sans-serif'。<br/>-&nbsp;style:&nbsp;设置文本的字体样式。 |
+| enterKeyType             | EnterKeyType                             | EnterKeyType.Done | 设置输入法回车键类型。                              |
+| caretColor               | Color                                    | -                 | 设置输入框光标颜色。                               |
+| maxLength                | number                                   | -                 | 设置文本的最大输入字符数。                            |
+| inputFilter<sup>8+</sup> | {<br/>value:&nbsp;[ResourceStr](../../ui/ts-types.md)<sup>8+</sup>,<br/>error?:&nbsp;(value:&nbsp;string)<br/>} | -                 | 正则表达式，满足表达式的输入允许显示，不满足正则表达式的输入被忽略。仅支持单个字符匹配，不支持字符串匹配。例如：^(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{8,10}$，8到10位的强密码不支持过滤。<br/>-&nbsp;value：设置正则表达式。<br/>-&nbsp;error：正则匹配失败时，返回被忽略的内容。 |
 
 - EnterKeyType枚举说明
-  | 名称 | 描述 | 
-  | -------- | -------- |
-  | EnterKeyType.Go | 显示Go文本。 | 
-  | EnterKeyType.Search | 显示为搜索样式。 | 
-  | EnterKeyType.Send | 显示为发送样式。 | 
-  | EnterKeyType.Next | 显示为下一个样式。 | 
-  | EnterKeyType.Done | 标准样式。 | 
+  | 名称                  | 描述        |
+  | ------------------- | --------- |
+  | EnterKeyType.Go     | 显示Go文本。   |
+  | EnterKeyType.Search | 显示为搜索样式。  |
+  | EnterKeyType.Send   | 显示为发送样式。  |
+  | EnterKeyType.Next   | 显示为下一个样式。 |
+  | EnterKeyType.Done   | 标准样式。     |
 
 - InputType枚举说明
-  | 名称 | 描述 | 
-  | -------- | -------- |
-  | InputType.Normal | 基本输入模式。 | 
-  | InputType.Password | 密码输入模式。 | 
-  | InputType.Email | e-mail地址输入模式。 | 
-  | InputType.Number | 纯数字输入模式。 | 
+  | 名称                 | 描述            |
+  | ------------------ | ------------- |
+  | InputType.Normal   | 基本输入模式。       |
+  | InputType.Password | 密码输入模式。       |
+  | InputType.Email    | e-mail地址输入模式。 |
+  | InputType.Number   | 纯数字输入模式。      |
 
 
 ## 事件
 
-| 名称 | 功能描述 | 
-| -------- | -------- |
-| onChange(value:&nbsp;string)&nbsp;=&gt;&nbsp;void | 输入发生变化时，触发回调。 | 
-| onSubmit(callback:&nbsp;(enterKey:&nbsp;EnterKeyType)&nbsp;=&gt;&nbsp;void) | 回车键或者软键盘回车键触发该回调，参数为当前软键盘回车键类型。 | 
-| onEditChanged(callback:&nbsp;(isEditing:&nbsp;boolean)&nbsp;=&gt;&nbsp;void)<sup>(deprecated) </sup> | 输入状态变化时，触发回调。 | 
-| onEditChange(callback:&nbsp;(isEditing:&nbsp;boolean)&nbsp;=&gt;&nbsp;void) <sup>8+</sup>| 输入状态变化时，触发回调。 | 
-| onCopy<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板复制按钮，触发回调。<br/>value：复制的文本内容。 | 
-| onCut<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板剪切按钮，触发回调。<br/>value：剪切的文本内容。 | 
-| onPaste<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板粘贴按钮，触发回调。<br/>value：粘贴的文本内容。 | 
+| 名称                                       | 功能描述                                     |
+| ---------------------------------------- | ---------------------------------------- |
+| onChange(value:&nbsp;string)&nbsp;=&gt;&nbsp;void | 输入发生变化时，触发回调。                            |
+| onSubmit(callback:&nbsp;(enterKey:&nbsp;EnterKeyType)&nbsp;=&gt;&nbsp;void) | 回车键或者软键盘回车键触发该回调，参数为当前软键盘回车键类型。          |
+| onEditChanged(callback:&nbsp;(isEditing:&nbsp;boolean)&nbsp;=&gt;&nbsp;void)<sup>(deprecated) </sup> | 输入状态变化时，触发回调。                            |
+| onEditChange(callback:&nbsp;(isEditing:&nbsp;boolean)&nbsp;=&gt;&nbsp;void) <sup>8+</sup> | 输入状态变化时，触发回调。                            |
+| onCopy<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板复制按钮，触发回调。<br/>value：复制的文本内容。 |
+| onCut<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板剪切按钮，触发回调。<br/>value：剪切的文本内容。 |
+| onPaste<sup>8+</sup>(callback:(value:&nbsp;string)&nbsp;=&gt;&nbsp;void) | 长按输入框内部区域弹出剪贴板后，点击剪切板粘贴按钮，触发回调。<br/>value：粘贴的文本内容。 |
 
 ### TextInputController<sup>8+</sup>
 
@@ -87,9 +87,9 @@ caretPosition(value:&nbsp;number): void
 设置光标移动到指定位置。
 - 参数
 
-  | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
-  | -------- | -------- |-------- |-------- |-------- |
-  | value | number |是 | - |设置输入光标的位置。<br/>value：从字符串开始到光标所在位置的字符长度。 |
+  | 参数名   | 参数类型   | 必填   | 默认值  | 参数描述                                     |
+  | ----- | ------ | ---- | ---- | ---------------------------------------- |
+  | value | number | 是    | -    | 设置输入光标的位置。<br/>value：从字符串开始到光标所在位置的字符长度。 |
 
 
 ## 示例
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
index c787303f5f..ea1d29106d 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-components-canvas-canvas.md
@@ -18,21 +18,21 @@ Canvas(context: CanvasRenderingContext2D)
 
 - 参数
 
-  | 参数名  | 参数类型                                                   | 必填 | 默认值 | 参数描述                         |
-  | ------- | ---------------------------------------------------------- | ---- | ------ | -------------------------------- |
-  | context | [CanvasRenderingContext2D](ts-canvasrenderingcontext2d.md) | 是   | -      | 见CanvasRenderingContext2D对象。 |
+  | 参数名     | 参数类型                                     | 必填   | 默认值  | 参数描述                         |
+  | ------- | ---------------------------------------- | ---- | ---- | ---------------------------- |
+  | context | [CanvasRenderingContext2D](ts-canvasrenderingcontext2d.md) | 是    | -    | 见CanvasRenderingContext2D对象。 |
 
 ## 属性
 
-支持[通用属性](ts-universal-attributes-index.md)。
+支持通用属性。
 
 ## 事件
 
-除支持[通用事件](ts-universal-events-index.md)外，还支持如下事件：
+除支持通用事件外，还支持如下事件：
 
-| 名称                          | 参数 | 描述                                     |
-| ----------------------------- | ---- | ---------------------------------------- |
-| onReady(callback: () => void) | 无   | 画布组件的事件回调，可以在此时进行绘制。 |
+| 名称                            | 参数   | 描述                   |
+| ----------------------------- | ---- | -------------------- |
+| onReady(callback: () => void) | 无    | 画布组件的事件回调，可以在此时进行绘制。 |
 
 ## 示例
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-index.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
deleted file mode 100644
index 669c731955..0000000000
--- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-index.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# 通用属性
-
-- **[尺寸设置](ts-universal-attributes-size.md)**
-
-- **[位置设置](ts-universal-attributes-location.md)**
-
-- **[布局约束](ts-universal-attributes-layout-constraints.md)**
-
-- **[Flex布局](ts-universal-attributes-flex-layout.md)**
-
-- **[边框设置](ts-universal-attributes-border.md)**
-
-- **[背景设置](ts-universal-attributes-background.md)**
-
-- **[透明度设置](ts-universal-attributes-opacity.md)**
-
-- **[显隐控制](ts-universal-attributes-visibility.md)**
-
-- **[禁用控制](ts-universal-attributes-enable.md)**
-
-- **[浮层](ts-universal-attributes-overlay.md)**
-
-- **[Z序控制](ts-universal-attributes-z-order.md)**
-
-- **[图形变换](ts-universal-attributes-transformation.md)**
-
-- **[图像效果](ts-universal-attributes-image-effect.md)**
-
-- **[形状裁剪](ts-universal-attributes-sharp-clipping.md)**
-
-- **[文本样式设置](ts-universal-attributes-text-style.md)**
-
-- **[栅格设置](ts-universal-attributes-grid.md)**
-
-- **[颜色渐变](ts-universal-attributes-gradient-color.md)**
-
-- **[Popup控制](ts-universal-attributes-popup.md)**
-
-- **[Menu控制](ts-universal-attributes-menu.md)**
-
-- **[点击控制](ts-universal-attributes-click.md)**
-
-- **[焦点控制](ts-universal-attributes-focus.md)**
-
-- **[悬浮态效果](ts-universal-attributes-hover-effect.md)**
-
-- **[组件标识](ts-universal-attributes-component-id.md)**
-
-- **[触摸热区设置](ts-universal-attributes-touch-target.md)**
-
-- **[多态样式](ts-universal-attributes-polymorphic-style.md)**
\ No newline at end of file
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-index.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-index.md
deleted file mode 100644
index 7e4e932c92..0000000000
--- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-index.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# 通用事件
-
-- **[点击事件](ts-universal-events-click.md)**
-
-- **[触摸事件](ts-universal-events-touch.md)**
-
-- **[挂载卸载事件](ts-universal-events-show-hide.md)**
-
-- **[拖拽事件](ts-universal-events-drag-drop.md)**
-
-- **[按键事件](ts-universal-events-key.md)**
-
-- **[焦点事件](ts-universal-focus-event.md)**
-
-- **[鼠标事件](ts-universal-mouse-key.md)**
-
-- **[组件区域变化事件](ts-universal-component-area-change-event.md)**
-
diff --git a/zh-cn/application-dev/ui/ts-component-based-styles.md b/zh-cn/application-dev/ui/ts-component-based-styles.md
index f12baf7957..7bf23b92d5 100644
--- a/zh-cn/application-dev/ui/ts-component-based-styles.md
+++ b/zh-cn/application-dev/ui/ts-component-based-styles.md
@@ -2,7 +2,7 @@
 
 
 
-@Styles装饰器将新的属性函数添加到基本组件上，如Text、Column、Button等。当前@Styles仅支持[通用属性](../reference/arkui-ts/ts-universal-attributes-index.md)。通过@Styles装饰器可以快速定义并复用组件的自定义样式。
+@Styles装饰器将新的属性函数添加到基本组件上，如Text、Column、Button等。当前@Styles仅支持通用属性。通过@Styles装饰器可以快速定义并复用组件的自定义样式。
 
 @Styles可以定义在组件内或组件外，在组件外定义时需带上function关键字，组件内定义时不需要。
 
diff --git a/zh-cn/application-dev/website.md b/zh-cn/application-dev/website.md
index e7ebe8fb80..ac723dac4e 100644
--- a/zh-cn/application-dev/website.md
+++ b/zh-cn/application-dev/website.md
@@ -2,17 +2,17 @@
 - [应用开发导读](application-dev-guide.md)
 
 - 快速开始
-  
+
   - 快速入门
     - [前言](quick-start/start-overview.md)
     - [使用eTS语言开发](quick-start/start-with-ets.md)
     - [使用JS语言开发（传统代码方式）](quick-start/start-with-js.md)
     - [使用JS语言开发（低代码方式）](quick-start/start-with-js-low-code.md)
-  
+
   - 开发基础知识
     - [应用开发包结构说明](quick-start/package-structure.md)
     - [资源文件的分类](quick-start/basic-resource-file-categories.md)
-  
+
 - 开发
   - Ability开发
     - [Ability框架概述](ability/ability-brief.md)
@@ -270,14 +270,14 @@
       - [国际化开发概述](internationalization/international-overview.md)
       - [Intl开发指导](internationalization/intl-guidelines.md)
       - [I18n开发指导](internationalization/i18n-guidelines.md)
-  
+
 - 工具
   - [DevEco Studio（OpenHarmony）使用指南](quick-start/deveco-studio-user-guide-for-openharmony.md)
-  
+
 - 示例教程
   - [示例代码](https://gitee.com/openharmony/app_samples/blob/master/README_zh.md)
   - [Codelabs](https://gitee.com/openharmony/codelabs/blob/master/README.md)
-  
+
 - API参考
   - 组件参考（基于JS扩展的类Web开发范式）
     - 组件
@@ -378,8 +378,7 @@
       - [事件参数](reference/arkui-js/js-components-custom-event-parameter.md)
       - [slot插槽](reference/arkui-js/js-components-custom-slot.md)
       - [生命周期定义](reference/arkui-js/js-components-custom-lifecycle.md)
-    - 附录
-      - [类型说明](reference/arkui-js/js-appendix-types.md)
+    - [类型说明](reference/arkui-js/js-appendix-types.md)
   - 组件参考（基于TS扩展的声明式开发范式）
     - 组件
       - 通用
@@ -451,6 +450,8 @@
         - [Search](reference/arkui-ts/ts-basic-components-search.md)
         - [Select](reference/arkui-ts/ts-basic-components-select.md)
         - [Slider](reference/arkui-ts/ts-basic-components-slider.md)
+        - [Stepper](reference/arkui-ts/ts-basic-components-stepper.md)
+        - [StepperItem](reference/arkui-ts/ts-basic-components-stepperitem.md)
         - [Span](reference/arkui-ts/ts-basic-components-span.md)
         - [Text](reference/arkui-ts/ts-basic-components-text.md)
         - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
@@ -484,8 +485,6 @@
         - [ScrollBar](reference/arkui-ts/ts-basic-components-scrollbar.md)
         - [SideBarContainer](reference/arkui-ts/ts-container-sidebarcontainer.md)
         - [Stack](reference/arkui-ts/ts-container-stack.md)
-        - [Stepper](reference/arkui-ts/ts-basic-components-stepper.md)
-        - [StepperItem](reference/arkui-ts/ts-basic-components-stepperitem.md)
         - [Swiper](reference/arkui-ts/ts-container-swiper.md)
         - [Tabs](reference/arkui-ts/ts-container-tabs.md)
         - [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
-- 
GitLab