update docs

Signed-off-by: NHelloCrease <lian15@huawei.com>

en/application-dev/website.md

@@ -35,6 +35,77 @@
         - [Test Framework Usage](ability/ability-delegator.md)
   - UI    
     - [ArkUI Overview](ui/arkui-overview.md)
+    - TypeScript-based Declarative Development Paradigm
+      - [Overview](ui/ui-ts-overview.md)
+      - Framework Overview
+        - File Organization
+          - [Directory Structure](ui/ts-framework-directory.md)
+          - [Rules for Accessing Application Code Files](ui/ts-framework-file-access-rules.md)
+        - ["js" Tag](ui/ts-framework-js-tag.md)
+        - Resource Access
+          - [Accessing Application Resources](ui/ts-application-resource-access.md)
+          - [Accessing System Resources](ui/ts-system-resource-access.md)
+          - [Media Resource Types](ui/ts-media-resource-type.md)
+        - [Pixel Units](ui/ts-pixel-units.md)
+        - [Types](ui/ts-types.md)
+      - Declarative Syntax
+        - [Overview](ui/ts-syntax-intro.md)
+        - General UI Description Specifications
+          - [Basic Concepts](ui/ts-general-ui-concepts.md)
+          - Declarative UI Description Specifications
+            - [Parameterless Configuration](ui/ts-parameterless-configuration.md)
+            - [Configuration with Mandatory Parameters](ui/ts-configuration-with-mandatory-parameters.md)
+            - [Attribution Configuration](ui/ts-attribution-configuration.md)
+            - [Event Configuration](ui/ts-event-configuration.md)
+            - [Child Component Configuration](ui/ts-child-component-configuration.md)
+          - Componentization
+            - [@Component](ui/ts-component-based-component.md)
+            - [@Entry](ui/ts-component-based-entry.md)
+            - [@Preview](ui/ts-component-based-preview.md)
+            - [@Builder](ui/ts-component-based-builder.md)
+            - [@Extend](ui/ts-component-based-extend.md)
+            - [@CustomDialog](ui/ts-component-based-customdialog.md)
+            - [@Styles](ui/ts-component-based-styles.md)
+        - About UI State Management
+          - [Basic Concepts](ui/ts-ui-state-mgmt-concepts.md)
+          - Managing Component States
+            - [@State](ui/ts-component-states-state.md)
+            - [@Prop](ui/ts-component-states-prop.md)
+            - [@Link](ui/ts-component-states-link.md)
+          - Managing Application States
+            - [AppStorage](ui/ts-application-states-appstorage.md)
+            - [PersistentStorage](ui/ts-application-states-apis-persistentstorage.md)
+            - [Environment](ui/ts-application-states-apis-environment.md)
+          - Managing Other States
+            - [@observed and @objectLink](ui/ts-other-states-observed-objectlink.md)
+            - [@Consume and @Provide](ui/ts-other-states-consume-provide.md)
+            - [@Watch](ui/ts-other-states-watch.md)
+        - About Rendering Control Syntax
+          - [if/else](ui/ts-rending-control-syntax-if-else.md)
+          - [ForEach](ui/ts-rending-control-syntax-foreach.md)
+          - [LazyForEach](ui/ts-rending-control-syntax-lazyforeach.md)
+        - About @Component
+          - [build Function](ui/ts-function-build.md)
+          - [Custom Component Initialization](ui/ts-custom-component-initialization.md)
+          - [Custom Component Lifecycle Callbacks](ui/ts-custom-component-lifecycle-callbacks.md)
+          - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
+        - [Syntactic Sugar](ui/ts-syntactic-sugar.md)
+      - Common Component Development Guidelines
+        - [Button](ui/ui-ts-basic-components-button.md)
+        - [Web](ui/ui-ts-components-web.md)
+      - Common Layout Development Guidelines
+        - [Flex Layout](ui/ui-ts-layout-flex.md)
+        - [Grid Layout](ui/ui-ts-layout-grid-container.md)
+        - [Media Query](ui/ui-ts-layout-mediaquery.md)
+      - Experiencing the Declarative UI
+        - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
+        - [Getting to Know Components](ui/ui-ts-components.md)
+        - [Creating a Simple Page](ui/ui-ts-creating-simple-page.md)
+      - Defining Page Layout and Connection
+        - [Building a Food Data Model](ui/ui-ts-building-data-model.md)
+        - [Building a Food Category List Layout](ui/ui-ts-building-category-list-layout.md)
+        - [Building a Food Category Grid Layout](ui/ui-ts-building-category-grid-layout.md)
+        - [Implementing Page Redirection and Data Transmission](ui/ui-ts-page-redirection-data-transmission.md)
     - JavaScript-based Web-Like Development Paradigm
       - [Overview](ui/ui-js-overview.md)
       - Framework
@@ -107,78 +178,6 @@
             - [Animation Effect](ui/ui-js-animate-dynamic-effects.md)
             - [Animation Frame](ui/ui-js-animate-frame.md)
       - [Custom Components](ui/ui-js-custom-components.md)
-    - TypeScript-based Declarative Development Paradigm
-      - [Overview](ui/ui-ts-overview.md)
-      - Framework Overview
-        - File Organization
-          - [Directory Structure](ui/ts-framework-directory.md)
-          - [Rules for Accessing Application Code Files](ui/ts-framework-file-access-rules.md)
-        - ["js" Tag](ui/ts-framework-js-tag.md)
-        - Resource Access
-          - [Accessing Application Resources](ui/ts-application-resource-access.md)
-          - [Accessing System Resources](ui/ts-system-resource-access.md)
-          - [Media Resource Types](ui/ts-media-resource-type.md)
-        - [Pixel Units](ui/ts-pixel-units.md)
-        - [Types](ui/ts-types.md)
-      - Declarative Syntax
-        - [Overview](ui/ts-syntax-intro.md)
-        - General UI Description Specifications
-          - [Basic Concepts](ui/ts-general-ui-concepts.md)
-          - Declarative UI Description Specifications
-            - [Parameterless Configuration](ui/ts-parameterless-configuration.md)
-            - [Configuration with Mandatory Parameters](ui/ts-configuration-with-mandatory-parameters.md)
-            - [Attribution Configuration](ui/ts-attribution-configuration.md)
-            - [Event Configuration](ui/ts-event-configuration.md)
-            - [Child Component Configuration](ui/ts-child-component-configuration.md)
-          - Componentization
-            - [@Component](ui/ts-component-based-component.md)
-            - [@Entry](ui/ts-component-based-entry.md)
-            - [@Preview](ui/ts-component-based-preview.md)
-            - [@Builder](ui/ts-component-based-builder.md)
-            - [@Extend](ui/ts-component-based-extend.md)
-            - [@CustomDialog](ui/ts-component-based-customdialog.md)
-            - [@Styles](ui/ts-component-based-styles.md)
-        - About UI State Management
-          - [Basic Concepts](ui/ts-ui-state-mgmt-concepts.md)
-          - Managing Component States
-            - [@State](ui/ts-component-states-state.md)
-            - [@Prop](ui/ts-component-states-prop.md)
-            - [@Link](ui/ts-component-states-link.md)
-          - Managing Application States
-            - [AppStorage](ui/ts-application-states-appstorage.md)
-            - [PersistentStorage](ui/ts-application-states-apis-persistentstorage.md)
-            - [Environment](ui/ts-application-states-apis-environment.md)
-          - Managing Other States
-            - [@observed and @objectLink](ui/ts-other-states-observed-objectlink.md)
-            - [@Consume and @Provide](ui/ts-other-states-consume-provide.md)
-            - [@Watch](ui/ts-other-states-watch.md)
-        - About Rendering Control Syntax
-          - [if/else](ui/ts-rending-control-syntax-if-else.md)
-          - [ForEach](ui/ts-rending-control-syntax-foreach.md)
-          - [LazyForEach](ui/ts-rending-control-syntax-lazyforeach.md)
-        - About @Component
-          - [build Function](ui/ts-function-build.md)
-          - [Custom Component Initialization](ui/ts-custom-component-initialization.md)
-          - [Custom Component Lifecycle Callbacks](ui/ts-custom-component-lifecycle-callbacks.md)
-          - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
-        - [Syntactic Sugar](ui/ts-syntactic-sugar.md)
-      - Common Component Development Guidelines
-        - [Button](ui/ui-ts-basic-components-button.md)
-        - [Web](ui/ui-ts-components-web.md)
-      - Common Layout Development Guidelines
-        - [Flex Layout](ui/ui-ts-layout-flex.md)
-        - [Grid Layout](ui/ui-ts-layout-grid-container.md)
-        - [Media Query](ui/ui-ts-layout-mediaquery.md)
-      - Experiencing the Declarative UI
-        - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
-        - [Getting to Know Components](ui/ui-ts-components.md)
-        - [Creating a Simple Page](ui/ui-ts-creating-simple-page.md)
-      - Defining Page Layout and Connection
-        - [Building a Food Data Model](ui/ui-ts-building-data-model.md)
-        - [Building a Food Category List Layout](ui/ui-ts-building-category-list-layout.md)
-        - [Building a Food Category Grid Layout](ui/ui-ts-building-category-grid-layout.md)
-        - [Implementing Page Redirection and Data Transmission](ui/ui-ts-page-redirection-data-transmission.md)
-
   - Common Event and Notification
     - [Common Event and Notification Overview](notification/notification-brief.md)
     - Common Event
@@ -299,109 +298,7 @@
   - [Samples](https://gitee.com/openharmony/app_samples/blob/master/README.md)
   - [Codelabs](https://gitee.com/openharmony/codelabs)
 - API References
-  - Component Reference (JavaScript-based Web-like Development Paradigm)
-    - Components
-      - Common
-        - [Universal Attributes](reference/arkui-js/js-components-common-attributes.md)
-        - [Universal Styles](reference/arkui-js/js-components-common-styles.md)
-        - [Universal Events](reference/arkui-js/js-components-common-events.md)
-        - [Universal Methods](reference/arkui-js/js-components-common-methods.md)
-        - [Animation Styles](reference/arkui-js/js-components-common-animation.md)
-        - [Gradient Styles](reference/arkui-js/js-components-common-gradient.md)
-        - [Transition Styles](reference/arkui-js/js-components-common-transition.md)
-        - [Media Query](reference/arkui-js/js-components-common-mediaquery.md)
-        - [Custom Font Styles](reference/arkui-js/js-components-common-customizing-font.md)
-        - [Atomic Layout](reference/arkui-js/js-components-common-atomic-layout.md)
-      - Container Components
-        - [badge](reference/arkui-js/js-components-container-badge.md)
-        - [dialog](reference/arkui-js/js-components-container-dialog.md)
-        - [div](reference/arkui-js/js-components-container-div.md)
-        - [form](reference/arkui-js/js-components-container-form.md)
-        - [list](reference/arkui-js/js-components-container-list.md)
-        - [list-item](reference/arkui-js/js-components-container-list-item.md)
-        - [list-item-group](reference/arkui-js/js-components-container-list-item-group.md)
-        - [panel](reference/arkui-js/js-components-container-panel.md)
-        - [popup](reference/arkui-js/js-components-container-popup.md)
-        - [refresh](reference/arkui-js/js-components-container-refresh.md)
-        - [stack](reference/arkui-js/js-components-container-stack.md)
-        - [stepper](reference/arkui-js/js-components-container-stepper.md)
-        - [stepper-item](reference/arkui-js/js-components-container-stepper-item.md)
-        - [swiper](reference/arkui-js/js-components-container-swiper.md)
-        - [tabs](reference/arkui-js/js-components-container-tabs.md)
-        - [tab-bar](reference/arkui-js/js-components-container-tab-bar.md)
-        - [tab-content](reference/arkui-js/js-components-container-tab-content.md)
-      - Basic Components
-        - [button](reference/arkui-js/js-components-basic-button.md)
-        - [chart](reference/arkui-js/js-components-basic-chart.md)
-        - [divider](reference/arkui-js/js-components-basic-divider.md)
-        - [image](reference/arkui-js/js-components-basic-image.md)
-        - [image-animator](reference/arkui-js/js-components-basic-image-animator.md)
-        - [input](reference/arkui-js/js-components-basic-input.md)
-        - [label](reference/arkui-js/js-components-basic-label.md)
-        - [marquee](reference/arkui-js/js-components-basic-marquee.md)
-        - [menu](reference/arkui-js/js-components-basic-menu.md)
-        - [option](reference/arkui-js/js-components-basic-option.md)
-        - [picker](reference/arkui-js/js-components-basic-picker.md)
-        - [picker-view](reference/arkui-js/js-components-basic-picker-view.md)
-        - [piece](reference/arkui-js/js-components-basic-piece.md)
-        - [progress](reference/arkui-js/js-components-basic-progress.md)
-        - [qrcode](reference/arkui-js/js-components-basic-qrcode.md)
-        - [rating](reference/arkui-js/js-components-basic-rating.md)
-        - [richtext](reference/arkui-js/js-components-basic-richtext.md)
-        - [search](reference/arkui-js/js-components-basic-search.md)
-        - [select](reference/arkui-js/js-components-basic-select.md)
-        - [slider](reference/arkui-js/js-components-basic-slider.md)
-        - [span](reference/arkui-js/js-components-basic-span.md)
-        - [switch](reference/arkui-js/js-components-basic-switch.md)
-        - [text](reference/arkui-js/js-components-basic-text.md)
-        - [textarea](reference/arkui-js/js-components-basic-textarea.md)
-        - [toolbar](reference/arkui-js/js-components-basic-toolbar.md)
-        - [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md)
-        - [toggle](reference/arkui-js/js-components-basic-toggle.md)
-        - [web](reference/arkui-js/js-components-basic-web.md)
-      - Media Components
-        - [video](reference/arkui-js/js-components-media-video.md)
-      - Canvas Components
-        - [canvas](reference/arkui-js/js-components-canvas-canvas.md)
-        - [CanvasRenderingContext2D](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md)
-        - [Image](reference/arkui-js/js-components-canvas-image.md)
-        - [CanvasGradient](reference/arkui-js/js-components-canvas-canvasgradient.md)
-        - [ImageData](reference/arkui-js/js-components-canvas-imagedata.md)
-        - [Path2D](reference/arkui-js/js-components-canvas-path2d.md)
-        - [ImageBitmap](reference/arkui-js/js-components-canvas-imagebitmap.md)
-        - [OffscreenCanvas](reference/arkui-js/js-components-canvas-offscreencanvas.md)
-        - [OffscreenCanvasRenderingContext2D](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md)
-      - Grid
-        - [Basic Concepts](reference/arkui-js/js-components-grid-basic-concepts.md)
-        - [grid-container](reference/arkui-js/js-components-grid-container.md)
-        - [grid-row](reference/arkui-js/js-components-grid-row.md)
-        - [grid-col](reference/arkui-js/js-components-grid-col.md)
-      - SVG Components
-        - [Universal Attributes](reference/arkui-js/js-components-svg-common-attributes.md)
-        - [svg](reference/arkui-js/js-components-svg.md)
-        - [rect](reference/arkui-js/js-components-svg-rect.md)
-        - [circle](reference/arkui-js/js-components-svg-circle.md)
-        - [ellipse](reference/arkui-js/js-components-svg-ellipse.md)
-        - [path](reference/arkui-js/js-components-svg-path.md)
-        - [line](reference/arkui-js/js-components-svg-line.md)
-        - [polyline](reference/arkui-js/js-components-svg-polyline.md)
-        - [polygon](reference/arkui-js/js-components-svg-polygon.md)
-        - [text](reference/arkui-js/js-components-svg-text.md)
-        - [tspan](reference/arkui-js/js-components-svg-tspan.md)
-        - [textPath](reference/arkui-js/js-components-svg-textpath.md)
-        - [animate](reference/arkui-js/js-components-svg-animate.md)
-        - [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md)
-        - [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md)
-    - Custom Components
-      - [Basic Usage](reference/arkui-js/js-components-custom-basic-usage.md)
-      - [Custom Events](reference/arkui-js/js-components-custom-events.md)
-      - [props](reference/arkui-js/js-components-custom-props.md)
-      - [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)
-    - [Type Attributes](reference/arkui-js/js-appendix-types.md)
   - Component Reference (TypeScript-based Declarative Development Paradigm)
-    - Components
     - Universal Components
       - Universal Events
         - [Click Event](reference/arkui-ts/ts-universal-events-click.md)
@@ -547,6 +444,106 @@
       - [Text Picker Dialog Box](reference/arkui-ts/ts-methods-textpicker-dialog.md)
     - [Menu](reference/arkui-ts/ts-methods-menu.md)
   - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
+  - Component Reference (JavaScript-based Web-like Development Paradigm)
+    - Common
+      - [Universal Attributes](reference/arkui-js/js-components-common-attributes.md)
+      - [Universal Styles](reference/arkui-js/js-components-common-styles.md)
+      - [Universal Events](reference/arkui-js/js-components-common-events.md)
+      - [Universal Methods](reference/arkui-js/js-components-common-methods.md)
+      - [Animation Styles](reference/arkui-js/js-components-common-animation.md)
+      - [Gradient Styles](reference/arkui-js/js-components-common-gradient.md)
+      - [Transition Styles](reference/arkui-js/js-components-common-transition.md)
+      - [Media Query](reference/arkui-js/js-components-common-mediaquery.md)
+      - [Custom Font Styles](reference/arkui-js/js-components-common-customizing-font.md)
+      - [Atomic Layout](reference/arkui-js/js-components-common-atomic-layout.md)
+    - Container Components
+      - [badge](reference/arkui-js/js-components-container-badge.md)
+      - [dialog](reference/arkui-js/js-components-container-dialog.md)
+      - [div](reference/arkui-js/js-components-container-div.md)
+      - [form](reference/arkui-js/js-components-container-form.md)
+      - [list](reference/arkui-js/js-components-container-list.md)
+      - [list-item](reference/arkui-js/js-components-container-list-item.md)
+      - [list-item-group](reference/arkui-js/js-components-container-list-item-group.md)
+      - [panel](reference/arkui-js/js-components-container-panel.md)
+      - [popup](reference/arkui-js/js-components-container-popup.md)
+      - [refresh](reference/arkui-js/js-components-container-refresh.md)
+      - [stack](reference/arkui-js/js-components-container-stack.md)
+      - [stepper](reference/arkui-js/js-components-container-stepper.md)
+      - [stepper-item](reference/arkui-js/js-components-container-stepper-item.md)
+      - [swiper](reference/arkui-js/js-components-container-swiper.md)
+      - [tabs](reference/arkui-js/js-components-container-tabs.md)
+      - [tab-bar](reference/arkui-js/js-components-container-tab-bar.md)
+      - [tab-content](reference/arkui-js/js-components-container-tab-content.md)
+    - Basic Components
+      - [button](reference/arkui-js/js-components-basic-button.md)
+      - [chart](reference/arkui-js/js-components-basic-chart.md)
+      - [divider](reference/arkui-js/js-components-basic-divider.md)
+      - [image](reference/arkui-js/js-components-basic-image.md)
+      - [image-animator](reference/arkui-js/js-components-basic-image-animator.md)
+      - [input](reference/arkui-js/js-components-basic-input.md)
+      - [label](reference/arkui-js/js-components-basic-label.md)
+      - [marquee](reference/arkui-js/js-components-basic-marquee.md)
+      - [menu](reference/arkui-js/js-components-basic-menu.md)
+      - [option](reference/arkui-js/js-components-basic-option.md)
+      - [picker](reference/arkui-js/js-components-basic-picker.md)
+      - [picker-view](reference/arkui-js/js-components-basic-picker-view.md)
+      - [piece](reference/arkui-js/js-components-basic-piece.md)
+      - [progress](reference/arkui-js/js-components-basic-progress.md)
+      - [qrcode](reference/arkui-js/js-components-basic-qrcode.md)
+      - [rating](reference/arkui-js/js-components-basic-rating.md)
+      - [richtext](reference/arkui-js/js-components-basic-richtext.md)
+      - [search](reference/arkui-js/js-components-basic-search.md)
+      - [select](reference/arkui-js/js-components-basic-select.md)
+      - [slider](reference/arkui-js/js-components-basic-slider.md)
+      - [span](reference/arkui-js/js-components-basic-span.md)
+      - [switch](reference/arkui-js/js-components-basic-switch.md)
+      - [text](reference/arkui-js/js-components-basic-text.md)
+      - [textarea](reference/arkui-js/js-components-basic-textarea.md)
+      - [toolbar](reference/arkui-js/js-components-basic-toolbar.md)
+      - [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md)
+      - [toggle](reference/arkui-js/js-components-basic-toggle.md)
+      - [web](reference/arkui-js/js-components-basic-web.md)
+    - Media Components
+      - [video](reference/arkui-js/js-components-media-video.md)
+    - Canvas Components
+      - [canvas](reference/arkui-js/js-components-canvas-canvas.md)
+      - [CanvasRenderingContext2D](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md)
+      - [Image](reference/arkui-js/js-components-canvas-image.md)
+      - [CanvasGradient](reference/arkui-js/js-components-canvas-canvasgradient.md)
+      - [ImageData](reference/arkui-js/js-components-canvas-imagedata.md)
+      - [Path2D](reference/arkui-js/js-components-canvas-path2d.md)
+      - [ImageBitmap](reference/arkui-js/js-components-canvas-imagebitmap.md)
+      - [OffscreenCanvas](reference/arkui-js/js-components-canvas-offscreencanvas.md)
+      - [OffscreenCanvasRenderingContext2D](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md)
+    - Grid
+      - [Basic Concepts](reference/arkui-js/js-components-grid-basic-concepts.md)
+      - [grid-container](reference/arkui-js/js-components-grid-container.md)
+      - [grid-row](reference/arkui-js/js-components-grid-row.md)
+      - [grid-col](reference/arkui-js/js-components-grid-col.md)
+    - SVG Components
+      - [Universal Attributes](reference/arkui-js/js-components-svg-common-attributes.md)
+      - [svg](reference/arkui-js/js-components-svg.md)
+      - [rect](reference/arkui-js/js-components-svg-rect.md)
+      - [circle](reference/arkui-js/js-components-svg-circle.md)
+      - [ellipse](reference/arkui-js/js-components-svg-ellipse.md)
+      - [path](reference/arkui-js/js-components-svg-path.md)
+      - [line](reference/arkui-js/js-components-svg-line.md)
+      - [polyline](reference/arkui-js/js-components-svg-polyline.md)
+      - [polygon](reference/arkui-js/js-components-svg-polygon.md)
+      - [text](reference/arkui-js/js-components-svg-text.md)
+      - [tspan](reference/arkui-js/js-components-svg-tspan.md)
+      - [textPath](reference/arkui-js/js-components-svg-textpath.md)
+      - [animate](reference/arkui-js/js-components-svg-animate.md)
+      - [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md)
+      - [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md)
+    - Custom Components
+      - [Basic Usage](reference/arkui-js/js-components-custom-basic-usage.md)
+      - [Custom Events](reference/arkui-js/js-components-custom-events.md)
+      - [props](reference/arkui-js/js-components-custom-props.md)
+      - [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)
+    - [Type Attributes](reference/arkui-js/js-appendix-types.md)
 - APIs
     - Ability Framework    
       - [@ohos.ability.dataUriUtils](reference/apis/js-apis-DataUriUtils.md)