diff --git a/en/application-dev/Readme-EN.md b/en/application-dev/Readme-EN.md index cd0d8d87e1c62cc4cbebe9e1fd2b3e95ab36eae8..938cada5bbd41bddbc595dffd118198b08a02da9 100644 --- a/en/application-dev/Readme-EN.md +++ b/en/application-dev/Readme-EN.md @@ -11,7 +11,7 @@ - [Audio](media/audio.md) - [IPC & RPC](connectivity/ipc-rpc.md) - [Application Event Logging](application-event-logging/hiappevent.md) -- [JavaScript Development References](js-reference/js-reference.md) - - [JavaScript-based Web-like Development Paradigm](js-reference/js-based-web-like-development-paradigm/js-web-development-like.md) - - - [TypeScript-based Declarative Development Paradigm](js-reference/ts-based-declarative-development-paradigm/ts-declarative.md) +- [Development References](reference/Readme-EN.md) + - [JavaScript-based Web-like Development Paradigm](reference/arkui-js/Readme-EN.md) + - [TypeScript-based Declarative Development Paradigm](reference/arkui-ts/Readme-EN.md) + - [APIs](reference/apis/Readme-EN.md) diff --git a/en/application-dev/application-dev-guide.md b/en/application-dev/application-dev-guide.md index d61e7e322a7611facf74c63ac4cdc603d8feaf90..df0b9f869d373543e436d3c0c2ee131627b9fdfd 100644 --- a/en/application-dev/application-dev-guide.md +++ b/en/application-dev/application-dev-guide.md @@ -2,7 +2,7 @@ The application development documents provide reference for you to develop applications using the APIs provided by OpenHarmony. The documents provided walk you through how to use JavaScript \(JS\) APIs to develop applications on the standard system. -To get a glimpse of the basic methods for developing applications, see [Basics](quick-start/Readme-EN.md). For details about the API list and references, see [JS Reference](js-reference/Readme-EN.md). +To get a glimpse of the basic methods for developing applications, see [Basics](quick-start/Readme-EN.md). For details about the API list and references, see [Reference](reference/Readme-EN.md). To better understand frequently used modules, see the development guidelines for [UI](ui/Readme-EN.md), [Media](media/Readme-EN.md), and [Connectivity](connectivity/Readme-EN.md). diff --git a/en/application-dev/js-reference/Readme-EN.md b/en/application-dev/js-reference/Readme-EN.md deleted file mode 100755 index 317c1b8ea457dc039691e7bb8539663a224c2d33..0000000000000000000000000000000000000000 --- a/en/application-dev/js-reference/Readme-EN.md +++ /dev/null @@ -1,318 +0,0 @@ -# JavaScript Development References - -- [JavaScript-based Web-like Development Paradigm](js-based-web-like-development-paradigm/js-web-development-like.md) - - [Framework](js-based-web-like-development-paradigm/js-framework.md) - - [File Organization](js-based-web-like-development-paradigm/js-framework-file.md) - - ["js" Tag](js-based-web-like-development-paradigm/js-framework-js-tag.md) - - [app.js](js-based-web-like-development-paradigm/js-framework-js-file.md) - - [Syntax](js-based-web-like-development-paradigm/js-framework-syntax.md) - - [HML](js-based-web-like-development-paradigm/js-framework-syntax-hml.md) - - [CSS](js-based-web-like-development-paradigm/js-framework-syntax-css.md) - - [JavaScript](js-based-web-like-development-paradigm/js-framework-syntax-js.md) - - - [Lifecycle](js-based-web-like-development-paradigm/js-framework-lifecycle.md) - - [Resource Limitations and Access](js-based-web-like-development-paradigm/js-framework-resource-restriction.md) - - [Multi-Language Capability](js-based-web-like-development-paradigm/js-framework-multiple-languages.md) - - - [Components](js-based-web-like-development-paradigm/js-components.md) - - [Common](js-based-web-like-development-paradigm/js-components-common.md) - - [Universal Attributes](js-based-web-like-development-paradigm/js-components-common-attributes.md) - - [Universal Styles](js-based-web-like-development-paradigm/js-components-common-styles.md) - - [Universal Events](js-based-web-like-development-paradigm/js-components-common-events.md) - - [Universal Methods](js-based-web-like-development-paradigm/js-components-common-methods.md) - - [Animation Styles](js-based-web-like-development-paradigm/js-components-common-animation.md) - - [Gradient Styles](js-based-web-like-development-paradigm/js-components-common-gradient.md) - - [Transition Styles](js-based-web-like-development-paradigm/js-components-common-transition.md) - - [Media Query](js-based-web-like-development-paradigm/js-components-common-mediaquery.md) - - [Custom Font Styles](js-based-web-like-development-paradigm/js-components-common-customizing-font.md) - - [Atomic Layout](js-based-web-like-development-paradigm/js-components-common-atomic-layout.md) - - - [Container Component](js-based-web-like-development-paradigm/js-components-container.md) - - [badge](js-based-web-like-development-paradigm/js-components-container-badge.md) - - [dialog](js-based-web-like-development-paradigm/js-components-container-dialog.md) - - [div](js-based-web-like-development-paradigm/js-components-container-div.md) - - [form](js-based-web-like-development-paradigm/js-components-container-form.md) - - [list](js-based-web-like-development-paradigm/js-components-container-list.md) - - [list-item](js-based-web-like-development-paradigm/js-components-container-list-item.md) - - [list-item-group](js-based-web-like-development-paradigm/js-components-container-list-item-group.md) - - [panel](js-based-web-like-development-paradigm/js-components-container-panel.md) - - [popup](js-based-web-like-development-paradigm/js-components-container-popup.md) - - [refresh](js-based-web-like-development-paradigm/js-components-container-refresh.md) - - [stack](js-based-web-like-development-paradigm/js-components-container-stack.md) - - [stepper](js-based-web-like-development-paradigm/js-components-container-stepper.md) - - [stepper-item](js-based-web-like-development-paradigm/js-components-container-stepper-item.md) - - [swiper](js-based-web-like-development-paradigm/js-components-container-swiper.md) - - [tabs](js-based-web-like-development-paradigm/js-components-container-tabs.md) - - [tab-bar](js-based-web-like-development-paradigm/js-components-container-tab-bar.md) - - [tab-content](js-based-web-like-development-paradigm/js-components-container-tab-content.md) - - - [Basic Components](js-based-web-like-development-paradigm/js-components-basic.md) - - [button](js-based-web-like-development-paradigm/js-components-basic-button.md) - - [chart](js-based-web-like-development-paradigm/js-components-basic-chart.md) - - [divider](js-based-web-like-development-paradigm/js-components-basic-divider.md) - - [image](js-based-web-like-development-paradigm/js-components-basic-image.md) - - [image-animator](js-based-web-like-development-paradigm/js-components-basic-image-animator.md) - - [input](js-based-web-like-development-paradigm/js-components-basic-input.md) - - [label](js-based-web-like-development-paradigm/js-components-basic-label.md) - - [marquee](js-based-web-like-development-paradigm/js-components-basic-marquee.md) - - [menu](js-based-web-like-development-paradigm/js-components-basic-menu.md) - - [option](js-based-web-like-development-paradigm/js-components-basic-option.md) - - [picker](js-based-web-like-development-paradigm/js-components-basic-picker.md) - - [picker-view](js-based-web-like-development-paradigm/js-components-basic-picker-view.md) - - [piece](js-based-web-like-development-paradigm/js-components-basic-piece.md) - - [progress](js-based-web-like-development-paradigm/js-components-basic-progress.md) - - [qrcode](js-based-web-like-development-paradigm/js-components-basic-qrcode.md) - - [rating](js-based-web-like-development-paradigm/js-components-basic-rating.md) - - [richtext](js-based-web-like-development-paradigm/js-components-basic-richtext.md) - - [search](js-based-web-like-development-paradigm/js-components-basic-search.md) - - [select](js-based-web-like-development-paradigm/js-components-basic-select.md) - - [slider](js-based-web-like-development-paradigm/js-components-basic-slider.md) - - [span](js-based-web-like-development-paradigm/js-components-basic-span.md) - - [switch](js-based-web-like-development-paradigm/js-components-basic-switch.md) - - [text](js-based-web-like-development-paradigm/js-components-basic-text.md) - - [textarea](js-based-web-like-development-paradigm/js-components-basic-textarea.md) - - [toolbar](js-based-web-like-development-paradigm/js-components-basic-toolbar.md) - - [toolbar-item](js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md) - - [toggle](js-based-web-like-development-paradigm/js-components-basic-toggle.md) - - - [Media Components](js-based-web-like-development-paradigm/js-components-media.md) - - [video](js-based-web-like-development-paradigm/js-components-media-video.md) - - - [Canvas Components](js-based-web-like-development-paradigm/js-components-canvas.md) - - [canvas](js-based-web-like-development-paradigm/js-components-canvas-canvas.md) - - [CanvasRenderingContext2D](js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md) - - [Image](js-based-web-like-development-paradigm/js-components-canvas-image.md) - - [CanvasGradient](js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md) - - [ImageData](js-based-web-like-development-paradigm/js-components-canvas-imagedata.md) - - [Path2D](js-based-web-like-development-paradigm/js-components-canvas-path2d.md) - - [ImageBitmap](js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md) - - [OffscreenCanvas](js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md) - - [OffscreenCanvasRenderingContext2D](js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md) - - - [Grid](js-based-web-like-development-paradigm/js-components-grid.md) - - [Basic Concepts](js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md) - - [grid-container](js-based-web-like-development-paradigm/js-components-grid-container.md) - - [grid-row](js-based-web-like-development-paradigm/js-components-grid-row.md) - - [grid-col](js-based-web-like-development-paradigm/js-components-grid-col.md) - - - [SVG Components](js-based-web-like-development-paradigm/js-svg.md) - - [Universal Attributes](js-based-web-like-development-paradigm/js-components-svg-common-attributes.md) - - [svg](js-based-web-like-development-paradigm/js-components-svg.md) - - [rect](js-based-web-like-development-paradigm/js-components-svg-rect.md) - - [circle](js-based-web-like-development-paradigm/js-components-svg-circle.md) - - [ellipse](js-based-web-like-development-paradigm/js-components-svg-ellipse.md) - - [path](js-based-web-like-development-paradigm/js-components-svg-path.md) - - [line](js-based-web-like-development-paradigm/js-components-svg-line.md) - - [polyline](js-based-web-like-development-paradigm/js-components-svg-polyline.md) - - [polygon](js-based-web-like-development-paradigm/js-components-svg-polygon.md) - - [text](js-based-web-like-development-paradigm/js-components-svg-text.md) - - [tspan](js-based-web-like-development-paradigm/js-components-svg-tspan.md) - - [textPath](js-based-web-like-development-paradigm/js-components-svg-textpath.md) - - [animate](js-based-web-like-development-paradigm/js-components-svg-animate.md) - - [animateMotion](js-based-web-like-development-paradigm/js-components-svg-animatemotion.md) - - [animateTransform](js-based-web-like-development-paradigm/js-components-svg-animatetransform.md) - - - [Custom Components](js-based-web-like-development-paradigm/js-components-custom.md) - - [Basic Usage](js-based-web-like-development-paradigm/js-components-custom-basic-usage.md) - - [Custom Events](js-based-web-like-development-paradigm/js-components-custom-events.md) - - [Props](js-based-web-like-development-paradigm/js-components-custom-props.md) - - [Event Parameter](js-based-web-like-development-paradigm/js-components-custom-event-parameter.md) - - [slot](js-based-web-like-development-paradigm/js-components-custom-slot.md) - - [Lifecycle Definition](js-based-web-like-development-paradigm/js-components-custom-lifecycle.md) - - - [Appendix](js-based-web-like-development-paradigm/js-appendix.md) - - [Type Attributes](js-based-web-like-development-paradigm/js-appendix-types.md) -- [TypeScript-based Declarative Development Paradigm](ts-based-declarative-development-paradigm/ts-declarative.md) - - [Framework Overview](ts-based-declarative-development-paradigm/ts-framework-framework.md) - - [File Organization](ts-based-declarative-development-paradigm/ts-framework-file.md) - - [Directory Structure](ts-based-declarative-development-paradigm/ts-framework-directory.md) - - [Rules for Accessing Application Code Files](ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md) - - - ["js" Tag](ts-based-declarative-development-paradigm/ts-framework-js-tag.md) - - [Resource Access](ts-based-declarative-development-paradigm/ts-resource-access.md) - - [Media Resource Types](ts-based-declarative-development-paradigm/ts-media-resource-type.md) - - - [Pixel Units](ts-based-declarative-development-paradigm/ts-pixel-units.md) - - [Types](ts-based-declarative-development-paradigm/ts-types.md) - - - [Declarative Syntax](ts-based-declarative-development-paradigm/ts-declarative-syntax.md) - - [Overview](ts-based-declarative-development-paradigm/ts-syntax-intro.md) - - [General UI Description Specifications](ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md) - - [Basic Concepts](ts-based-declarative-development-paradigm/ts-general-ui-concepts.md) - - [Declarative UI Description Specifications](ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md) - - [Parameterless Configuration](ts-based-declarative-development-paradigm/ts-parameterless-configuration.md) - - [Configuration with Mandatory Parameters](ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md) - - [Attribution Configuration](ts-based-declarative-development-paradigm/ts-attribution-configuration.md) - - [Event Configuration](ts-based-declarative-development-paradigm/ts-event-configuration.md) - - [Child Component Configuration](ts-based-declarative-development-paradigm/ts-child-component-configuration.md) - - - [Component-based](ts-based-declarative-development-paradigm/ts-component-based.md) - - [@Component](ts-based-declarative-development-paradigm/ts-component-based-component.md) - - [@Entry](ts-based-declarative-development-paradigm/ts-component-based-entry.md) - - [@Preview](ts-based-declarative-development-paradigm/ts-component-based-preview.md) - - [@Builder](ts-based-declarative-development-paradigm/ts-component-based-builder.md) - - [@Extend](ts-based-declarative-development-paradigm/ts-component-based-extend.md) - - [@CustomDialog](ts-based-declarative-development-paradigm/ts-component-based-customdialog.md) - - - [UI State Management](ts-based-declarative-development-paradigm/ts-ui-state-management.md) - - [Basic Concepts](ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md) - - [Managing Component States](ts-based-declarative-development-paradigm/ts-managing-component-states.md) - - [@State](ts-based-declarative-development-paradigm/ts-component-states-state.md) - - [@Prop](ts-based-declarative-development-paradigm/ts-component-states-prop.md) - - [@Link](ts-based-declarative-development-paradigm/ts-component-states-link.md) - - - [Managing Application States](ts-based-declarative-development-paradigm/ts-managing-application-states.md) - - [APIs](ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md) - - [AppStorage](ts-based-declarative-development-paradigm/ts-application-states-appstorage.md) - - [PersistentStorage](ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md) - - [Environment](ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md) - - - [Synchronization Between AppStorage and Components](ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md) - - - [Managing Other States](ts-based-declarative-development-paradigm/ts-managing-other-states.md) - - [@observed and @objectLink](ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md) - - [@Consume and @Provide](ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md) - - [@Watch](ts-based-declarative-development-paradigm/ts-other-states-watch.md) - - - [Rendering Control Syntax](ts-based-declarative-development-paradigm/ts-rending-control-syntax.md) - - [if/else](ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md) - - [ForEach](ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md) - - [LazyForEach](ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md) - - - [A Deep Dive into @Component](ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md) - - [build Function](ts-based-declarative-development-paradigm/ts-function-build.md) - - [Custom Component Initialization](ts-based-declarative-development-paradigm/ts-custom-component-initialization.md) - - [Custom Component Lifecycle Callbacks](ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md) - - [Example: Component Creation and Re-Initialization](ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md) - - - [Syntactic Sugar](ts-based-declarative-development-paradigm/ts-syntactic-sugar.md) - - [@Decorator](ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md) - - [Chaining](ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md) - - [struct](ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md) - - [Instantiating a struct Without the new Keyword](ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md) - - [Using a Separate Line for New Component](ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md) - - [Restrictions on Using the TS Language for Generators](ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md) - - - [Components](ts-based-declarative-development-paradigm/ts-components.md) - - [Universal Components](ts-based-declarative-development-paradigm/ts-universal-components.md) - - [Universal Events](ts-based-declarative-development-paradigm/ts-universal-events.md) - - [Click Event](ts-based-declarative-development-paradigm/ts-universal-events-click.md) - - [Touch Event](ts-based-declarative-development-paradigm/ts-universal-events-touch.md) - - [Show/Hide Event](ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md) - - [Key Event](ts-based-declarative-development-paradigm/ts-universal-events-key.md) - - - [Universal Attributes](ts-based-declarative-development-paradigm/ts-universal-attributes.md) - - [Size](ts-based-declarative-development-paradigm/ts-universal-attributes-size.md) - - [Location](ts-based-declarative-development-paradigm/ts-universal-attributes-location.md) - - [Layout Constraints](ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md) - - [Flex Layout](ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md) - - [Border Configuration](ts-based-declarative-development-paradigm/ts-universal-attributes-border.md) - - [Background](ts-based-declarative-development-paradigm/ts-universal-attributes-background.md) - - [Opacity](ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md) - - [Visibility](ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md) - - [Enable/Disable](ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md) - - [Overlay](ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md) - - [Z-order Control](ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md) - - [Transformation](ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md) - - [Image Effect Configuration](ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md) - - [Shape Clipping](ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md) - - [Text Style](ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md) - - [Grid](ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md) - - [Gradient Color](ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md) - - [Popup Control](ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md) - - [Menu Control](ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md) - - - [Gesture Processing](ts-based-declarative-development-paradigm/ts-gesture-processing.md) - - [Gesture Binding Methods](ts-based-declarative-development-paradigm/ts-gesture-settings.md) - - [Basic Gestures](ts-based-declarative-development-paradigm/ts-basic-gestures.md) - - [TapGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md) - - [LongPressGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md) - - [PanGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md) - - [PinchGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md) - - [RotationGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md) - - - [Combined Gestures](ts-based-declarative-development-paradigm/ts-combined-gestures.md) - - - [Basic Components](ts-based-declarative-development-paradigm/ts-basic-components.md) - - [Blank](ts-based-declarative-development-paradigm/ts-basic-components-blank.md) - - [Button](ts-based-declarative-development-paradigm/ts-basic-components-button.md) - - [DataPanel](ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md) - - [Divider](ts-based-declarative-development-paradigm/ts-basic-components-divider.md) - - [Image](ts-based-declarative-development-paradigm/ts-basic-components-image.md) - - [ImageAnimator](ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md) - - [Progress](ts-based-declarative-development-paradigm/ts-basic-components-progress.md) - - [QRCode](ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md) - - [Rating](ts-based-declarative-development-paradigm/ts-basic-components-rating.md) - - [Span](ts-based-declarative-development-paradigm/ts-basic-components-span.md) - - [Slider](ts-based-declarative-development-paradigm/ts-basic-components-slider.md) - - [Text](ts-based-declarative-development-paradigm/ts-basic-components-text.md) - - - [Container Components](ts-based-declarative-development-paradigm/ts-components-container.md) - - [AlphabetIndexer](ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md) - - [Badge](ts-based-declarative-development-paradigm/ts-container-badge.md) - - [Column](ts-based-declarative-development-paradigm/ts-container-column.md) - - [ColumnSplit](ts-based-declarative-development-paradigm/ts-container-columnsplit.md) - - [Counter](ts-based-declarative-development-paradigm/ts-container-counter.md) - - [Flex](ts-based-declarative-development-paradigm/ts-container-flex.md) - - [GridContainer](ts-based-declarative-development-paradigm/ts-container-gridcontainer.md) - - [Grid](ts-based-declarative-development-paradigm/ts-container-grid.md) - - [GridItem](ts-based-declarative-development-paradigm/ts-container-griditem.md) - - [List](ts-based-declarative-development-paradigm/ts-container-list.md) - - [ListItem](ts-based-declarative-development-paradigm/ts-container-listitem.md) - - [Navigator](ts-based-declarative-development-paradigm/ts-container-navigator.md) - - [Panel](ts-based-declarative-development-paradigm/ts-container-panel.md) - - [Row](ts-based-declarative-development-paradigm/ts-container-row.md) - - [RowSplit](ts-based-declarative-development-paradigm/ts-container-rowsplit.md) - - [Scroll](ts-based-declarative-development-paradigm/ts-container-scroll.md) - - [Stack](ts-based-declarative-development-paradigm/ts-container-stack.md) - - [Swiper](ts-based-declarative-development-paradigm/ts-container-swiper.md) - - [Tabs](ts-based-declarative-development-paradigm/ts-container-tabs.md) - - [TabContent](ts-based-declarative-development-paradigm/ts-container-tabcontent.md) - - - [Drawing Components](ts-based-declarative-development-paradigm/ts-drawing-components.md) - - [Circle](ts-based-declarative-development-paradigm/ts-drawing-components-circle.md) - - [Ellipse](ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md) - - [Line](ts-based-declarative-development-paradigm/ts-drawing-components-line.md) - - [Polyline](ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md) - - [Polygon](ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md) - - [Path](ts-based-declarative-development-paradigm/ts-drawing-components-path.md) - - [Rect](ts-based-declarative-development-paradigm/ts-drawing-components-rect.md) - - [Shape](ts-based-declarative-development-paradigm/ts-drawing-components-shape.md) - - - [Animation](ts-based-declarative-development-paradigm/ts-animation.md) - - [AnimatorProperty](ts-based-declarative-development-paradigm/ts-animatorproperty.md) - - [Explicit Animation](ts-based-declarative-development-paradigm/ts-explicit-animation.md) - - [Transition Animation](ts-based-declarative-development-paradigm/ts-transition-animation.md) - - [Page Transition](ts-based-declarative-development-paradigm/ts-page-transition-animation.md) - - [Component Transition](ts-based-declarative-development-paradigm/ts-transition-animation-component.md) - - [Transition of Shared Elements](ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md) - - - [Motion Path Animation](ts-based-declarative-development-paradigm/ts-motion-path-animation.md) - - [Matrix Transformation](ts-based-declarative-development-paradigm/ts-matrix-transformation.md) - - [Interpolation Calculation](ts-based-declarative-development-paradigm/ts-interpolation-calculation.md) - - - [Global UI Methods](ts-based-declarative-development-paradigm/ts-global-ui-methods.md) - - [Alert Dialog Box](ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md) - - [Custom Dialog box](ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md) - - [Image Cache](ts-based-declarative-development-paradigm/ts-methods-image-cache.md) - - [Media Query](ts-based-declarative-development-paradigm/ts-methods-media-query.md) - - - [Appendix](ts-based-declarative-development-paradigm/ts-appendix.md) - - [Built-in Enums](ts-based-declarative-development-paradigm/ts-appendix-enums.md) -- [APIs](apis/apis.md) - - [Console Logs](apis/console-logs.md) - - [HiAppEvent](apis/hiappevent.md) - - [Page Routing](apis/page-routing.md) - - [Pop-up Window](apis/pop-up-window.md) - - [Timer](apis/timer.md) - - [Audio Management](apis/js-apis-audio.md) - - [Audio Playback](apis/audio-playback.md) - - [Device Information](apis/device-information.md) - - [System Attribute](apis/system-attribute.md) - - [Battery and Charging](apis/battery-and-charging.md) - - [Screen Brightness](apis/screen-brightness.md) - - [Globalization](apis/globalization.md) - - [Resource Management](apis/resource-management.md) - - [Updater](apis/updater.md) - - \ No newline at end of file diff --git a/en/application-dev/js-reference/js-reference.md b/en/application-dev/js-reference/js-reference.md deleted file mode 100644 index 41f7ec700402f4949ec3730e9ab2f265dcc05f56..0000000000000000000000000000000000000000 --- a/en/application-dev/js-reference/js-reference.md +++ /dev/null @@ -1,7 +0,0 @@ -# JavaScript Development References - -- **[JavaScript-based Web-like Development Paradigm](js-based-web-like-development-paradigm/js-web-development-like.md)** - -- **[TypeScript-based Declarative Development Paradigm](ts-based-declarative-development-paradigm/ts-declarative.md)** - - diff --git a/en/application-dev/reference/Readme-EN.md b/en/application-dev/reference/Readme-EN.md new file mode 100644 index 0000000000000000000000000000000000000000..2f6b6ab2d850444294bb8a274ed76b06409d9ebb --- /dev/null +++ b/en/application-dev/reference/Readme-EN.md @@ -0,0 +1,7 @@ +# Development References + +- [JavaScript-based Web-like Development Paradigm](arkui-js/Readme-EN.md) +- [TypeScript-based Declarative Development Paradigm](arkui-ts/Readme-EN.md) +- [APIs](apis/apis.md) + + \ No newline at end of file diff --git a/en/application-dev/reference/apis/Readme-EN.md b/en/application-dev/reference/apis/Readme-EN.md new file mode 100644 index 0000000000000000000000000000000000000000..591571711b2440ed4aba0f29e4bee2652dd6a114 --- /dev/null +++ b/en/application-dev/reference/apis/Readme-EN.md @@ -0,0 +1,17 @@ +# APIs + +- [Console Logs](console-logs.md) +- [HiAppEvent](hiappevent.md) +- [Page Routing](page-routing.md) +- [Pop-up Window](pop-up-window.md) +- [Timer](timer.md) +- [Audio Management](js-apis-audio.md) +- [Audio Playback](audio-playback.md) +- [Device Information](device-information.md) +- [System Attribute](system-attribute.md) +- [Battery and Charging](battery-and-charging.md) +- [Screen Brightness](screen-brightness.md) +- [Globalization](globalization.md) +- [Resource Management](resource-management.md) +- [Updater](updater.md) + diff --git a/en/application-dev/js-reference/apis/apis.md b/en/application-dev/reference/apis/apis.md old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/apis/apis.md rename to en/application-dev/reference/apis/apis.md diff --git a/en/application-dev/js-reference/apis/audio-playback.md b/en/application-dev/reference/apis/audio-playback.md similarity index 100% rename from en/application-dev/js-reference/apis/audio-playback.md rename to en/application-dev/reference/apis/audio-playback.md diff --git a/en/application-dev/js-reference/apis/battery-and-charging.md b/en/application-dev/reference/apis/battery-and-charging.md similarity index 100% rename from en/application-dev/js-reference/apis/battery-and-charging.md rename to en/application-dev/reference/apis/battery-and-charging.md diff --git a/en/application-dev/js-reference/apis/console-logs.md b/en/application-dev/reference/apis/console-logs.md similarity index 100% rename from en/application-dev/js-reference/apis/console-logs.md rename to en/application-dev/reference/apis/console-logs.md diff --git a/en/application-dev/js-reference/apis/device-information.md b/en/application-dev/reference/apis/device-information.md similarity index 100% rename from en/application-dev/js-reference/apis/device-information.md rename to en/application-dev/reference/apis/device-information.md diff --git a/en/application-dev/js-reference/apis/figures/log.png b/en/application-dev/reference/apis/figures/log.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/apis/figures/log.png rename to en/application-dev/reference/apis/figures/log.png diff --git a/en/application-dev/js-reference/apis/globalization.md b/en/application-dev/reference/apis/globalization.md similarity index 100% rename from en/application-dev/js-reference/apis/globalization.md rename to en/application-dev/reference/apis/globalization.md diff --git a/en/application-dev/js-reference/apis/hiappevent.md b/en/application-dev/reference/apis/hiappevent.md similarity index 100% rename from en/application-dev/js-reference/apis/hiappevent.md rename to en/application-dev/reference/apis/hiappevent.md diff --git a/en/application-dev/js-reference/apis/js-apis-audio.md b/en/application-dev/reference/apis/js-apis-audio.md similarity index 100% rename from en/application-dev/js-reference/apis/js-apis-audio.md rename to en/application-dev/reference/apis/js-apis-audio.md diff --git a/en/application-dev/js-reference/apis/js-apis-call.md b/en/application-dev/reference/apis/js-apis-call.md similarity index 100% rename from en/application-dev/js-reference/apis/js-apis-call.md rename to en/application-dev/reference/apis/js-apis-call.md diff --git a/en/application-dev/js-reference/apis/js-apis-radio.md b/en/application-dev/reference/apis/js-apis-radio.md similarity index 100% rename from en/application-dev/js-reference/apis/js-apis-radio.md rename to en/application-dev/reference/apis/js-apis-radio.md diff --git a/en/application-dev/js-reference/apis/js-apis-sim.md b/en/application-dev/reference/apis/js-apis-sim.md similarity index 100% rename from en/application-dev/js-reference/apis/js-apis-sim.md rename to en/application-dev/reference/apis/js-apis-sim.md diff --git a/en/application-dev/js-reference/apis/js-apis-sms.md b/en/application-dev/reference/apis/js-apis-sms.md similarity index 100% rename from en/application-dev/js-reference/apis/js-apis-sms.md rename to en/application-dev/reference/apis/js-apis-sms.md diff --git a/en/application-dev/js-reference/apis/page-routing.md b/en/application-dev/reference/apis/page-routing.md similarity index 100% rename from en/application-dev/js-reference/apis/page-routing.md rename to en/application-dev/reference/apis/page-routing.md diff --git a/en/application-dev/js-reference/apis/pop-up-window.md b/en/application-dev/reference/apis/pop-up-window.md similarity index 100% rename from en/application-dev/js-reference/apis/pop-up-window.md rename to en/application-dev/reference/apis/pop-up-window.md diff --git a/en/application-dev/js-reference/apis/resource-management.md b/en/application-dev/reference/apis/resource-management.md similarity index 100% rename from en/application-dev/js-reference/apis/resource-management.md rename to en/application-dev/reference/apis/resource-management.md diff --git a/en/application-dev/js-reference/apis/screen-brightness.md b/en/application-dev/reference/apis/screen-brightness.md similarity index 100% rename from en/application-dev/js-reference/apis/screen-brightness.md rename to en/application-dev/reference/apis/screen-brightness.md diff --git a/en/application-dev/js-reference/apis/system-attribute.md b/en/application-dev/reference/apis/system-attribute.md similarity index 100% rename from en/application-dev/js-reference/apis/system-attribute.md rename to en/application-dev/reference/apis/system-attribute.md diff --git a/en/application-dev/js-reference/apis/timer.md b/en/application-dev/reference/apis/timer.md similarity index 100% rename from en/application-dev/js-reference/apis/timer.md rename to en/application-dev/reference/apis/timer.md diff --git a/en/application-dev/js-reference/apis/updater.md b/en/application-dev/reference/apis/updater.md similarity index 100% rename from en/application-dev/js-reference/apis/updater.md rename to en/application-dev/reference/apis/updater.md diff --git a/en/application-dev/reference/arkui-js/Readme-EN.md b/en/application-dev/reference/arkui-js/Readme-EN.md new file mode 100644 index 0000000000000000000000000000000000000000..7c322dd6bf026387dfbadf215a6638643e3e26d1 --- /dev/null +++ b/en/application-dev/reference/arkui-js/Readme-EN.md @@ -0,0 +1,123 @@ +# JavaScript-based Web-like Development Paradigm + +- [Framework](js-framework.md) + - [File Organization](js-framework-file.md) + - ["js" Tag](js-framework-js-tag.md) + - [app.js](js-framework-js-file.md) + - [Syntax](js-framework-syntax.md) + - [HML](js-framework-syntax-hml.md) + - [CSS](js-framework-syntax-css.md) + - [JavaScript](js-framework-syntax-js.md) + + - [Lifecycle](js-framework-lifecycle.md) + - [Resource Limitations and Access](js-framework-resource-restriction.md) + - [Multi-Language Capability](js-framework-multiple-languages.md) + +- [Components](js-components.md) + - [Common](js-components-common.md) + - [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) + + - [Container Component](js-components-container.md) + - [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) + + - [Basic Components](js-components-basic.md) + - [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) + + - [Media Components](js-components-media.md) + - [video](js-components-media-video.md) + + - [Canvas Components](js-components-canvas.md) + - [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) + + - [Grid](js-components-grid.md) + - [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) + - [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) + +- [Custom Components](js-components-custom.md) + - [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) \ No newline at end of file diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/0.png b/en/application-dev/reference/arkui-js/figures/0.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/0.png rename to en/application-dev/reference/arkui-js/figures/0.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000-47.png b/en/application-dev/reference/arkui-js/figures/000000-47.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000-47.png rename to en/application-dev/reference/arkui-js/figures/000000-47.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000.png b/en/application-dev/reference/arkui-js/figures/000000.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000.png rename to en/application-dev/reference/arkui-js/figures/000000.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-32.png b/en/application-dev/reference/arkui-js/figures/1-32.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-32.png rename to en/application-dev/reference/arkui-js/figures/1-32.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-33.jpg b/en/application-dev/reference/arkui-js/figures/1-33.jpg similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-33.jpg rename to en/application-dev/reference/arkui-js/figures/1-33.jpg diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-34.png b/en/application-dev/reference/arkui-js/figures/1-34.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-34.png rename to en/application-dev/reference/arkui-js/figures/1-34.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-35.png b/en/application-dev/reference/arkui-js/figures/1-35.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-35.png rename to en/application-dev/reference/arkui-js/figures/1-35.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-36.png b/en/application-dev/reference/arkui-js/figures/1-36.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-36.png rename to en/application-dev/reference/arkui-js/figures/1-36.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-38.gif b/en/application-dev/reference/arkui-js/figures/1-38.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-38.gif rename to en/application-dev/reference/arkui-js/figures/1-38.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-39.png b/en/application-dev/reference/arkui-js/figures/1-39.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-39.png rename to en/application-dev/reference/arkui-js/figures/1-39.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-45.gif b/en/application-dev/reference/arkui-js/figures/1-45.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-45.gif rename to en/application-dev/reference/arkui-js/figures/1-45.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11-26.png b/en/application-dev/reference/arkui-js/figures/11-26.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11-26.png rename to en/application-dev/reference/arkui-js/figures/11-26.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-42.png b/en/application-dev/reference/arkui-js/figures/2-42.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-42.png rename to en/application-dev/reference/arkui-js/figures/2-42.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-46.gif b/en/application-dev/reference/arkui-js/figures/2-46.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-46.gif rename to en/application-dev/reference/arkui-js/figures/2-46.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/22-25.png b/en/application-dev/reference/arkui-js/figures/22-25.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/22-25.png rename to en/application-dev/reference/arkui-js/figures/22-25.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/3-41.png b/en/application-dev/reference/arkui-js/figures/3-41.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/3-41.png rename to en/application-dev/reference/arkui-js/figures/3-41.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/33-30.png b/en/application-dev/reference/arkui-js/figures/33-30.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/33-30.png rename to en/application-dev/reference/arkui-js/figures/33-30.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-24.gif b/en/application-dev/reference/arkui-js/figures/4-24.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-24.gif rename to en/application-dev/reference/arkui-js/figures/4-24.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-31.gif b/en/application-dev/reference/arkui-js/figures/4-31.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-31.gif rename to en/application-dev/reference/arkui-js/figures/4-31.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/5-29.gif b/en/application-dev/reference/arkui-js/figures/5-29.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/5-29.gif rename to en/application-dev/reference/arkui-js/figures/5-29.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/6-28.gif b/en/application-dev/reference/arkui-js/figures/6-28.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/6-28.gif rename to en/application-dev/reference/arkui-js/figures/6-28.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/9-27.gif b/en/application-dev/reference/arkui-js/figures/9-27.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/9-27.gif rename to en/application-dev/reference/arkui-js/figures/9-27.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aliceblue.png b/en/application-dev/reference/arkui-js/figures/aliceblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aliceblue.png rename to en/application-dev/reference/arkui-js/figures/aliceblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-1.gif b/en/application-dev/reference/arkui-js/figures/animate-1.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-1.gif rename to en/application-dev/reference/arkui-js/figures/animate-1.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-3.gif b/en/application-dev/reference/arkui-js/figures/animate-3.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-3.gif rename to en/application-dev/reference/arkui-js/figures/animate-3.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-4.gif b/en/application-dev/reference/arkui-js/figures/animate-4.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-4.gif rename to en/application-dev/reference/arkui-js/figures/animate-4.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform.gif b/en/application-dev/reference/arkui-js/figures/animate-transform.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform.gif rename to en/application-dev/reference/arkui-js/figures/animate-transform.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform2.gif b/en/application-dev/reference/arkui-js/figures/animate-transform2.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform2.gif rename to en/application-dev/reference/arkui-js/figures/animate-transform2.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform3.gif b/en/application-dev/reference/arkui-js/figures/animate-transform3.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform3.gif rename to en/application-dev/reference/arkui-js/figures/animate-transform3.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/antiquewhite.png b/en/application-dev/reference/arkui-js/figures/antiquewhite.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/antiquewhite.png rename to en/application-dev/reference/arkui-js/figures/antiquewhite.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aqua.png b/en/application-dev/reference/arkui-js/figures/aqua.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aqua.png rename to en/application-dev/reference/arkui-js/figures/aqua.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aquamarine.png b/en/application-dev/reference/arkui-js/figures/aquamarine.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aquamarine.png rename to en/application-dev/reference/arkui-js/figures/aquamarine.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/azure.png b/en/application-dev/reference/arkui-js/figures/azure.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/azure.png rename to en/application-dev/reference/arkui-js/figures/azure.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/beige.png b/en/application-dev/reference/arkui-js/figures/beige.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/beige.png rename to en/application-dev/reference/arkui-js/figures/beige.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/bisque.png b/en/application-dev/reference/arkui-js/figures/bisque.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/bisque.png rename to en/application-dev/reference/arkui-js/figures/bisque.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blanchedalmond.png b/en/application-dev/reference/arkui-js/figures/blanchedalmond.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blanchedalmond.png rename to en/application-dev/reference/arkui-js/figures/blanchedalmond.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blue.png b/en/application-dev/reference/arkui-js/figures/blue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blue.png rename to en/application-dev/reference/arkui-js/figures/blue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blueviolet.png b/en/application-dev/reference/arkui-js/figures/blueviolet.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blueviolet.png rename to en/application-dev/reference/arkui-js/figures/blueviolet.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/brown.png b/en/application-dev/reference/arkui-js/figures/brown.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/brown.png rename to en/application-dev/reference/arkui-js/figures/brown.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/burlywood.png b/en/application-dev/reference/arkui-js/figures/burlywood.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/burlywood.png rename to en/application-dev/reference/arkui-js/figures/burlywood.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cadetblue.png b/en/application-dev/reference/arkui-js/figures/cadetblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cadetblue.png rename to en/application-dev/reference/arkui-js/figures/cadetblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chartreuse.png b/en/application-dev/reference/arkui-js/figures/chartreuse.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chartreuse.png rename to en/application-dev/reference/arkui-js/figures/chartreuse.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chocolate.png b/en/application-dev/reference/arkui-js/figures/chocolate.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chocolate.png rename to en/application-dev/reference/arkui-js/figures/chocolate.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/coral.png b/en/application-dev/reference/arkui-js/figures/coral.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/coral.png rename to en/application-dev/reference/arkui-js/figures/coral.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornflowerblue.png b/en/application-dev/reference/arkui-js/figures/cornflowerblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornflowerblue.png rename to en/application-dev/reference/arkui-js/figures/cornflowerblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornsilk.png b/en/application-dev/reference/arkui-js/figures/cornsilk.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornsilk.png rename to en/application-dev/reference/arkui-js/figures/cornsilk.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/crimson.png b/en/application-dev/reference/arkui-js/figures/crimson.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/crimson.png rename to en/application-dev/reference/arkui-js/figures/crimson.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cyan.png b/en/application-dev/reference/arkui-js/figures/cyan.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cyan.png rename to en/application-dev/reference/arkui-js/figures/cyan.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkblue.png b/en/application-dev/reference/arkui-js/figures/darkblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkblue.png rename to en/application-dev/reference/arkui-js/figures/darkblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkcyan.png b/en/application-dev/reference/arkui-js/figures/darkcyan.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkcyan.png rename to en/application-dev/reference/arkui-js/figures/darkcyan.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgoldenrod.png b/en/application-dev/reference/arkui-js/figures/darkgoldenrod.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgoldenrod.png rename to en/application-dev/reference/arkui-js/figures/darkgoldenrod.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgray.png b/en/application-dev/reference/arkui-js/figures/darkgray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgray.png rename to en/application-dev/reference/arkui-js/figures/darkgray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgreen.png b/en/application-dev/reference/arkui-js/figures/darkgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgreen.png rename to en/application-dev/reference/arkui-js/figures/darkgreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgrey.png b/en/application-dev/reference/arkui-js/figures/darkgrey.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgrey.png rename to en/application-dev/reference/arkui-js/figures/darkgrey.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkkhaki.png b/en/application-dev/reference/arkui-js/figures/darkkhaki.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkkhaki.png rename to en/application-dev/reference/arkui-js/figures/darkkhaki.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkmagenta.png b/en/application-dev/reference/arkui-js/figures/darkmagenta.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkmagenta.png rename to en/application-dev/reference/arkui-js/figures/darkmagenta.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkolivegreen.png b/en/application-dev/reference/arkui-js/figures/darkolivegreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkolivegreen.png rename to en/application-dev/reference/arkui-js/figures/darkolivegreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorange.png b/en/application-dev/reference/arkui-js/figures/darkorange.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorange.png rename to en/application-dev/reference/arkui-js/figures/darkorange.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorchid.png b/en/application-dev/reference/arkui-js/figures/darkorchid.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorchid.png rename to en/application-dev/reference/arkui-js/figures/darkorchid.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkred.png b/en/application-dev/reference/arkui-js/figures/darkred.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkred.png rename to en/application-dev/reference/arkui-js/figures/darkred.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darksalmon.png b/en/application-dev/reference/arkui-js/figures/darksalmon.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darksalmon.png rename to en/application-dev/reference/arkui-js/figures/darksalmon.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkseagreen.png b/en/application-dev/reference/arkui-js/figures/darkseagreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkseagreen.png rename to en/application-dev/reference/arkui-js/figures/darkseagreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslateblue.png b/en/application-dev/reference/arkui-js/figures/darkslateblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslateblue.png rename to en/application-dev/reference/arkui-js/figures/darkslateblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategray.png b/en/application-dev/reference/arkui-js/figures/darkslategray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategray.png rename to en/application-dev/reference/arkui-js/figures/darkslategray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategrey.png b/en/application-dev/reference/arkui-js/figures/darkslategrey.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategrey.png rename to en/application-dev/reference/arkui-js/figures/darkslategrey.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkturquoise.png b/en/application-dev/reference/arkui-js/figures/darkturquoise.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkturquoise.png rename to en/application-dev/reference/arkui-js/figures/darkturquoise.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkviolet.png b/en/application-dev/reference/arkui-js/figures/darkviolet.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkviolet.png rename to en/application-dev/reference/arkui-js/figures/darkviolet.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/datetime.png b/en/application-dev/reference/arkui-js/figures/datetime.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/datetime.png rename to en/application-dev/reference/arkui-js/figures/datetime.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deeppink.png b/en/application-dev/reference/arkui-js/figures/deeppink.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deeppink.png rename to en/application-dev/reference/arkui-js/figures/deeppink.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deepskyblue.png b/en/application-dev/reference/arkui-js/figures/deepskyblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deepskyblue.png rename to en/application-dev/reference/arkui-js/figures/deepskyblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/default-transition-effect-of-shared-elements.png b/en/application-dev/reference/arkui-js/figures/default-transition-effect-of-shared-elements.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/default-transition-effect-of-shared-elements.png rename to en/application-dev/reference/arkui-js/figures/default-transition-effect-of-shared-elements.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgray.png b/en/application-dev/reference/arkui-js/figures/dimgray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgray.png rename to en/application-dev/reference/arkui-js/figures/dimgray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgrey.png b/en/application-dev/reference/arkui-js/figures/dimgrey.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgrey.png rename to en/application-dev/reference/arkui-js/figures/dimgrey.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/directory-structure-for-resource-sharing-5+.png b/en/application-dev/reference/arkui-js/figures/directory-structure-for-resource-sharing-5+.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/directory-structure-for-resource-sharing-5+.png rename to en/application-dev/reference/arkui-js/figures/directory-structure-for-resource-sharing-5+.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dodgerblue.png b/en/application-dev/reference/arkui-js/figures/dodgerblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dodgerblue.png rename to en/application-dev/reference/arkui-js/figures/dodgerblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ellipse.png b/en/application-dev/reference/arkui-js/figures/ellipse.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ellipse.png rename to en/application-dev/reference/arkui-js/figures/ellipse.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125114.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125114.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125114.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125114.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125136.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125136.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125136.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125136.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125220.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125220.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125220.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125220.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125264.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125264.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125264.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125264.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125268.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125268.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127125268.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125268.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284936.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284936.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284936.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284936.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284954.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284954.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284954.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284954.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284958.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284958.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127284958.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284958.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127285076.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285076.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001127285076.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285076.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001135171488.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001135171488.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001135171488.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001135171488.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001147417424.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001147417424.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001147417424.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001147417424.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001150368628.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001150368628.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001150368628.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001150368628.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001150719520.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001150719520.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001150719520.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001150719520.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152588538.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588538.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152588538.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588538.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152588626.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588626.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152588626.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588626.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152610806.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152610806.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152610806.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152610806.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152773860.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152773860.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152773860.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152773860.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152834002.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152834002.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152834002.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152834002.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152862510.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152862510.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001152862510.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001152862510.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001153427082.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001153427082.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001153427082.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001153427082.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001166484430.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001166484430.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001166484430.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001166484430.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001166962736.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001166962736.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001166962736.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001166962736.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167001464.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167001464.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167001464.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167001464.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167046832.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167046832.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167046832.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167046832.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167472798.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167472798.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167472798.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167472798.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167631876.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167631876.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167631876.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167631876.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167950468.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167950468.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167950468.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167950468.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167953648.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167953648.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001167953648.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001167953648.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168111514.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111514.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168111514.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111514.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168111610.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111610.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168111610.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111610.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168984880.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984880.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168984880.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984880.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168984882.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984882.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001168984882.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984882.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169142476.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169142476.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169142476.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169142476.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169143586.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169143586.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169143586.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169143586.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169144864.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169144864.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169144864.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169144864.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169151508.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169151508.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169151508.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169151508.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169301188.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169301188.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169301188.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169301188.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169303414.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303414.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169303414.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303414.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169303416.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303416.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169303416.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303416.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169309930.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169309930.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169309930.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169309930.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169309948.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169309948.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169309948.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169309948.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169315920.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169315920.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169315920.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169315920.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169461910.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169461910.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169461910.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169461910.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169463368.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463368.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169463368.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463368.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169463370.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463370.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169463370.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463370.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169469914.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169469914.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169469914.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169469914.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169470288.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169470288.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001169470288.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001169470288.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164789.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164789.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164789.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164789.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164793.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164793.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164793.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164793.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164845.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164845.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164845.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164845.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164853.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164853.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164853.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164853.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164873.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164873.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164873.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164873.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164891.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164891.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164891.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164891.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164929.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164929.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173164929.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164929.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324721.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324721.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324721.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324721.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324753.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324753.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324753.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324753.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324797.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324797.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324797.gif rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324797.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324843.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324843.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324843.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324843.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324847.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324847.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001173324847.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324847.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001178886129.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001178886129.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001178886129.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001178886129.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001181449919.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001181449919.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001181449919.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001181449919.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001181458721.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001181458721.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001181458721.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001181458721.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001198530395.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001198530395.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001198530395.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001198530395.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001212124299.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001212124299.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001212124299.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001212124299.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001213192781.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001213192781.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001213192781.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001213192781.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001213193285.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001213193285.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001213193285.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001213193285.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214460669.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214460669.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214460669.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214460669.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214463281.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463281.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214463281.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463281.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214463283.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463283.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214463283.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463283.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214469787.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214469787.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214469787.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214469787.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214619417.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214619417.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214619417.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214619417.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214621177.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214621177.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214621177.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214621177.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214623227.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623227.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214623227.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623227.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214623229.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623229.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214623229.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623229.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214629745.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214629745.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214629745.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214629745.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214630783.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214630783.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214630783.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214630783.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214703717.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214703717.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214703717.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214703717.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214704759.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214704759.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214704759.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214704759.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214717247.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214717247.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214717247.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214717247.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214811029.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214811029.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214811029.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214811029.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214822091.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214822091.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214822091.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214822091.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214824709.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214824709.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214824709.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214824709.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214837127.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837127.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214837127.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837127.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214837333.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837333.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/en-us_image_0000001214837333.png rename to en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837333.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/firebrick.png b/en/application-dev/reference/arkui-js/figures/firebrick.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/firebrick.png rename to en/application-dev/reference/arkui-js/figures/firebrick.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/floralwhite.png b/en/application-dev/reference/arkui-js/figures/floralwhite.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/floralwhite.png rename to en/application-dev/reference/arkui-js/figures/floralwhite.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/forestgreen.png b/en/application-dev/reference/arkui-js/figures/forestgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/forestgreen.png rename to en/application-dev/reference/arkui-js/figures/forestgreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/fuchsia.png b/en/application-dev/reference/arkui-js/figures/fuchsia.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/fuchsia.png rename to en/application-dev/reference/arkui-js/figures/fuchsia.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gainsboro.png b/en/application-dev/reference/arkui-js/figures/gainsboro.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gainsboro.png rename to en/application-dev/reference/arkui-js/figures/gainsboro.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ghostwhite.png b/en/application-dev/reference/arkui-js/figures/ghostwhite.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ghostwhite.png rename to en/application-dev/reference/arkui-js/figures/ghostwhite.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gold.png b/en/application-dev/reference/arkui-js/figures/gold.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gold.png rename to en/application-dev/reference/arkui-js/figures/gold.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/goldenrod.png b/en/application-dev/reference/arkui-js/figures/goldenrod.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/goldenrod.png rename to en/application-dev/reference/arkui-js/figures/goldenrod.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-at-an-angle-of-45.png b/en/application-dev/reference/arkui-js/figures/gradient-at-an-angle-of-45.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-at-an-angle-of-45.png rename to en/application-dev/reference/arkui-js/figures/gradient-at-an-angle-of-45.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-from-left-to-right.png b/en/application-dev/reference/arkui-js/figures/gradient-from-left-to-right.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-from-left-to-right.png rename to en/application-dev/reference/arkui-js/figures/gradient-from-left-to-right.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-from-top-to-bottom-(default).png b/en/application-dev/reference/arkui-js/figures/gradient-from-top-to-bottom-(default).png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gradient-from-top-to-bottom-(default).png rename to en/application-dev/reference/arkui-js/figures/gradient-from-top-to-bottom-(default).png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gray.png b/en/application-dev/reference/arkui-js/figures/gray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gray.png rename to en/application-dev/reference/arkui-js/figures/gray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/green.png b/en/application-dev/reference/arkui-js/figures/green.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/green.png rename to en/application-dev/reference/arkui-js/figures/green.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/greenyellow.png b/en/application-dev/reference/arkui-js/figures/greenyellow.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/greenyellow.png rename to en/application-dev/reference/arkui-js/figures/greenyellow.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/grey.png b/en/application-dev/reference/arkui-js/figures/grey.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/grey.png rename to en/application-dev/reference/arkui-js/figures/grey.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/honeydew.png b/en/application-dev/reference/arkui-js/figures/honeydew.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/honeydew.png rename to en/application-dev/reference/arkui-js/figures/honeydew.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/hotpink.png b/en/application-dev/reference/arkui-js/figures/hotpink.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/hotpink.png rename to en/application-dev/reference/arkui-js/figures/hotpink.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/image-animator.gif b/en/application-dev/reference/arkui-js/figures/image-animator.gif old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/image-animator.gif rename to en/application-dev/reference/arkui-js/figures/image-animator.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indianred.png b/en/application-dev/reference/arkui-js/figures/indianred.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indianred.png rename to en/application-dev/reference/arkui-js/figures/indianred.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indigo.png b/en/application-dev/reference/arkui-js/figures/indigo.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indigo.png rename to en/application-dev/reference/arkui-js/figures/indigo.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ivory.png b/en/application-dev/reference/arkui-js/figures/ivory.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ivory.png rename to en/application-dev/reference/arkui-js/figures/ivory.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/khaki.png b/en/application-dev/reference/arkui-js/figures/khaki.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/khaki.png rename to en/application-dev/reference/arkui-js/figures/khaki.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/label.png b/en/application-dev/reference/arkui-js/figures/label.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/label.png rename to en/application-dev/reference/arkui-js/figures/label.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavender.png b/en/application-dev/reference/arkui-js/figures/lavender.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavender.png rename to en/application-dev/reference/arkui-js/figures/lavender.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavenderblush.png b/en/application-dev/reference/arkui-js/figures/lavenderblush.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavenderblush.png rename to en/application-dev/reference/arkui-js/figures/lavenderblush.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lawngreen.png b/en/application-dev/reference/arkui-js/figures/lawngreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lawngreen.png rename to en/application-dev/reference/arkui-js/figures/lawngreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lemonchiffon.png b/en/application-dev/reference/arkui-js/figures/lemonchiffon.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lemonchiffon.png rename to en/application-dev/reference/arkui-js/figures/lemonchiffon.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightblue.png b/en/application-dev/reference/arkui-js/figures/lightblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightblue.png rename to en/application-dev/reference/arkui-js/figures/lightblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcoral.png b/en/application-dev/reference/arkui-js/figures/lightcoral.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcoral.png rename to en/application-dev/reference/arkui-js/figures/lightcoral.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcyan.png b/en/application-dev/reference/arkui-js/figures/lightcyan.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcyan.png rename to en/application-dev/reference/arkui-js/figures/lightcyan.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgoldenrodyellow.png b/en/application-dev/reference/arkui-js/figures/lightgoldenrodyellow.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgoldenrodyellow.png rename to en/application-dev/reference/arkui-js/figures/lightgoldenrodyellow.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgray.png b/en/application-dev/reference/arkui-js/figures/lightgray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgray.png rename to en/application-dev/reference/arkui-js/figures/lightgray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgreen.png b/en/application-dev/reference/arkui-js/figures/lightgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgreen.png rename to en/application-dev/reference/arkui-js/figures/lightgreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightpink.png b/en/application-dev/reference/arkui-js/figures/lightpink.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightpink.png rename to en/application-dev/reference/arkui-js/figures/lightpink.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsalmon.png b/en/application-dev/reference/arkui-js/figures/lightsalmon.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsalmon.png rename to en/application-dev/reference/arkui-js/figures/lightsalmon.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightseagreen.png b/en/application-dev/reference/arkui-js/figures/lightseagreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightseagreen.png rename to en/application-dev/reference/arkui-js/figures/lightseagreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightskyblue.png b/en/application-dev/reference/arkui-js/figures/lightskyblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightskyblue.png rename to en/application-dev/reference/arkui-js/figures/lightskyblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategray.png b/en/application-dev/reference/arkui-js/figures/lightslategray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategray.png rename to en/application-dev/reference/arkui-js/figures/lightslategray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategrey.png b/en/application-dev/reference/arkui-js/figures/lightslategrey.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategrey.png rename to en/application-dev/reference/arkui-js/figures/lightslategrey.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsteelblue.png b/en/application-dev/reference/arkui-js/figures/lightsteelblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsteelblue.png rename to en/application-dev/reference/arkui-js/figures/lightsteelblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightyellow.png b/en/application-dev/reference/arkui-js/figures/lightyellow.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightyellow.png rename to en/application-dev/reference/arkui-js/figures/lightyellow.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lime.png b/en/application-dev/reference/arkui-js/figures/lime.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lime.png rename to en/application-dev/reference/arkui-js/figures/lime.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/limegreen.png b/en/application-dev/reference/arkui-js/figures/limegreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/limegreen.png rename to en/application-dev/reference/arkui-js/figures/limegreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/linen.png b/en/application-dev/reference/arkui-js/figures/linen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/linen.png rename to en/application-dev/reference/arkui-js/figures/linen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/list6.gif b/en/application-dev/reference/arkui-js/figures/list6.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/list6.gif rename to en/application-dev/reference/arkui-js/figures/list6.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lite_bar-37.png b/en/application-dev/reference/arkui-js/figures/lite_bar-37.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lite_bar-37.png rename to en/application-dev/reference/arkui-js/figures/lite_bar-37.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lite_bar.gif b/en/application-dev/reference/arkui-js/figures/lite_bar.gif old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lite_bar.gif rename to en/application-dev/reference/arkui-js/figures/lite_bar.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/magenta.png b/en/application-dev/reference/arkui-js/figures/magenta.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/magenta.png rename to en/application-dev/reference/arkui-js/figures/magenta.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/maroon.png b/en/application-dev/reference/arkui-js/figures/maroon.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/maroon.png rename to en/application-dev/reference/arkui-js/figures/maroon.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumaquamarine.png b/en/application-dev/reference/arkui-js/figures/mediumaquamarine.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumaquamarine.png rename to en/application-dev/reference/arkui-js/figures/mediumaquamarine.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumblue.png b/en/application-dev/reference/arkui-js/figures/mediumblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumblue.png rename to en/application-dev/reference/arkui-js/figures/mediumblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumorchid.png b/en/application-dev/reference/arkui-js/figures/mediumorchid.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumorchid.png rename to en/application-dev/reference/arkui-js/figures/mediumorchid.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumpurple.png b/en/application-dev/reference/arkui-js/figures/mediumpurple.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumpurple.png rename to en/application-dev/reference/arkui-js/figures/mediumpurple.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumseagreen.png b/en/application-dev/reference/arkui-js/figures/mediumseagreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumseagreen.png rename to en/application-dev/reference/arkui-js/figures/mediumseagreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumslateblue.png b/en/application-dev/reference/arkui-js/figures/mediumslateblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumslateblue.png rename to en/application-dev/reference/arkui-js/figures/mediumslateblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumspringgreen.png b/en/application-dev/reference/arkui-js/figures/mediumspringgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumspringgreen.png rename to en/application-dev/reference/arkui-js/figures/mediumspringgreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumturquoise.png b/en/application-dev/reference/arkui-js/figures/mediumturquoise.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumturquoise.png rename to en/application-dev/reference/arkui-js/figures/mediumturquoise.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumvioletred.png b/en/application-dev/reference/arkui-js/figures/mediumvioletred.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumvioletred.png rename to en/application-dev/reference/arkui-js/figures/mediumvioletred.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/menu13.gif b/en/application-dev/reference/arkui-js/figures/menu13.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/menu13.gif rename to en/application-dev/reference/arkui-js/figures/menu13.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/midnightblue.png b/en/application-dev/reference/arkui-js/figures/midnightblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/midnightblue.png rename to en/application-dev/reference/arkui-js/figures/midnightblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mintcream.png b/en/application-dev/reference/arkui-js/figures/mintcream.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mintcream.png rename to en/application-dev/reference/arkui-js/figures/mintcream.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mistyrose.png b/en/application-dev/reference/arkui-js/figures/mistyrose.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mistyrose.png rename to en/application-dev/reference/arkui-js/figures/mistyrose.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/moccasin.png b/en/application-dev/reference/arkui-js/figures/moccasin.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/moccasin.png rename to en/application-dev/reference/arkui-js/figures/moccasin.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/multitext.png b/en/application-dev/reference/arkui-js/figures/multitext.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/multitext.png rename to en/application-dev/reference/arkui-js/figures/multitext.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navajowhite.png b/en/application-dev/reference/arkui-js/figures/navajowhite.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navajowhite.png rename to en/application-dev/reference/arkui-js/figures/navajowhite.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navy.png b/en/application-dev/reference/arkui-js/figures/navy.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navy.png rename to en/application-dev/reference/arkui-js/figures/navy.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/oldlace.png b/en/application-dev/reference/arkui-js/figures/oldlace.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/oldlace.png rename to en/application-dev/reference/arkui-js/figures/oldlace.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olive.png b/en/application-dev/reference/arkui-js/figures/olive.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olive.png rename to en/application-dev/reference/arkui-js/figures/olive.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olivedrab.png b/en/application-dev/reference/arkui-js/figures/olivedrab.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olivedrab.png rename to en/application-dev/reference/arkui-js/figures/olivedrab.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orange.png b/en/application-dev/reference/arkui-js/figures/orange.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orange.png rename to en/application-dev/reference/arkui-js/figures/orange.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orangered.png b/en/application-dev/reference/arkui-js/figures/orangered.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orangered.png rename to en/application-dev/reference/arkui-js/figures/orangered.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orchid.png b/en/application-dev/reference/arkui-js/figures/orchid.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orchid.png rename to en/application-dev/reference/arkui-js/figures/orchid.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegoldenrod.png b/en/application-dev/reference/arkui-js/figures/palegoldenrod.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegoldenrod.png rename to en/application-dev/reference/arkui-js/figures/palegoldenrod.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegreen.png b/en/application-dev/reference/arkui-js/figures/palegreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegreen.png rename to en/application-dev/reference/arkui-js/figures/palegreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/paleturquoise.png b/en/application-dev/reference/arkui-js/figures/paleturquoise.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/paleturquoise.png rename to en/application-dev/reference/arkui-js/figures/paleturquoise.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palevioletred.png b/en/application-dev/reference/arkui-js/figures/palevioletred.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palevioletred.png rename to en/application-dev/reference/arkui-js/figures/palevioletred.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/panel6.gif b/en/application-dev/reference/arkui-js/figures/panel6.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/panel6.gif rename to en/application-dev/reference/arkui-js/figures/panel6.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/papayawhip.png b/en/application-dev/reference/arkui-js/figures/papayawhip.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/papayawhip.png rename to en/application-dev/reference/arkui-js/figures/papayawhip.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peachpuff.png b/en/application-dev/reference/arkui-js/figures/peachpuff.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peachpuff.png rename to en/application-dev/reference/arkui-js/figures/peachpuff.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peru.png b/en/application-dev/reference/arkui-js/figures/peru.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peru.png rename to en/application-dev/reference/arkui-js/figures/peru.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/pink.png b/en/application-dev/reference/arkui-js/figures/pink.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/pink.png rename to en/application-dev/reference/arkui-js/figures/pink.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/plum.png b/en/application-dev/reference/arkui-js/figures/plum.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/plum.png rename to en/application-dev/reference/arkui-js/figures/plum.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/powderblue.png b/en/application-dev/reference/arkui-js/figures/powderblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/powderblue.png rename to en/application-dev/reference/arkui-js/figures/powderblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress-40.png b/en/application-dev/reference/arkui-js/figures/progress-40.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress-40.png rename to en/application-dev/reference/arkui-js/figures/progress-40.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress-43.jpg b/en/application-dev/reference/arkui-js/figures/progress-43.jpg similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress-43.jpg rename to en/application-dev/reference/arkui-js/figures/progress-43.jpg diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress.png b/en/application-dev/reference/arkui-js/figures/progress.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress.png rename to en/application-dev/reference/arkui-js/figures/progress.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/purple.png b/en/application-dev/reference/arkui-js/figures/purple.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/purple.png rename to en/application-dev/reference/arkui-js/figures/purple.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rebeccapurple.png b/en/application-dev/reference/arkui-js/figures/rebeccapurple.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rebeccapurple.png rename to en/application-dev/reference/arkui-js/figures/rebeccapurple.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/red.png b/en/application-dev/reference/arkui-js/figures/red.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/red.png rename to en/application-dev/reference/arkui-js/figures/red.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/repeating-gradient-from-left-to-right.png b/en/application-dev/reference/arkui-js/figures/repeating-gradient-from-left-to-right.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/repeating-gradient-from-left-to-right.png rename to en/application-dev/reference/arkui-js/figures/repeating-gradient-from-left-to-right.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rosybrown.png b/en/application-dev/reference/arkui-js/figures/rosybrown.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rosybrown.png rename to en/application-dev/reference/arkui-js/figures/rosybrown.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/royalblue.png b/en/application-dev/reference/arkui-js/figures/royalblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/royalblue.png rename to en/application-dev/reference/arkui-js/figures/royalblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/saddlebrown.png b/en/application-dev/reference/arkui-js/figures/saddlebrown.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/saddlebrown.png rename to en/application-dev/reference/arkui-js/figures/saddlebrown.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/salmon.png b/en/application-dev/reference/arkui-js/figures/salmon.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/salmon.png rename to en/application-dev/reference/arkui-js/figures/salmon.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample_css.png b/en/application-dev/reference/arkui-js/figures/sample_css.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample_css.png rename to en/application-dev/reference/arkui-js/figures/sample_css.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sandybrown.png b/en/application-dev/reference/arkui-js/figures/sandybrown.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sandybrown.png rename to en/application-dev/reference/arkui-js/figures/sandybrown.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot-44.png b/en/application-dev/reference/arkui-js/figures/screenshot-44.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot-44.png rename to en/application-dev/reference/arkui-js/figures/screenshot-44.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot.png b/en/application-dev/reference/arkui-js/figures/screenshot.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot.png rename to en/application-dev/reference/arkui-js/figures/screenshot.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seagreen.png b/en/application-dev/reference/arkui-js/figures/seagreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seagreen.png rename to en/application-dev/reference/arkui-js/figures/seagreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seashell.png b/en/application-dev/reference/arkui-js/figures/seashell.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seashell.png rename to en/application-dev/reference/arkui-js/figures/seashell.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sienna.png b/en/application-dev/reference/arkui-js/figures/sienna.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sienna.png rename to en/application-dev/reference/arkui-js/figures/sienna.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/silver.png b/en/application-dev/reference/arkui-js/figures/silver.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/silver.png rename to en/application-dev/reference/arkui-js/figures/silver.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/skyblue.png b/en/application-dev/reference/arkui-js/figures/skyblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/skyblue.png rename to en/application-dev/reference/arkui-js/figures/skyblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slateblue.png b/en/application-dev/reference/arkui-js/figures/slateblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slateblue.png rename to en/application-dev/reference/arkui-js/figures/slateblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray-48.png b/en/application-dev/reference/arkui-js/figures/slategray-48.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray-48.png rename to en/application-dev/reference/arkui-js/figures/slategray-48.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray.png b/en/application-dev/reference/arkui-js/figures/slategray.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray.png rename to en/application-dev/reference/arkui-js/figures/slategray.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/smoothoff.png b/en/application-dev/reference/arkui-js/figures/smoothoff.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/smoothoff.png rename to en/application-dev/reference/arkui-js/figures/smoothoff.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/snow.png b/en/application-dev/reference/arkui-js/figures/snow.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/snow.png rename to en/application-dev/reference/arkui-js/figures/snow.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/springgreen.png b/en/application-dev/reference/arkui-js/figures/springgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/springgreen.png rename to en/application-dev/reference/arkui-js/figures/springgreen.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/steelblue.png b/en/application-dev/reference/arkui-js/figures/steelblue.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/steelblue.png rename to en/application-dev/reference/arkui-js/figures/steelblue.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tab.gif b/en/application-dev/reference/arkui-js/figures/tab.gif old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tab.gif rename to en/application-dev/reference/arkui-js/figures/tab.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tan.png b/en/application-dev/reference/arkui-js/figures/tan.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tan.png rename to en/application-dev/reference/arkui-js/figures/tan.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/teal.png b/en/application-dev/reference/arkui-js/figures/teal.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/teal.png rename to en/application-dev/reference/arkui-js/figures/teal.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part1.gif b/en/application-dev/reference/arkui-js/figures/text-animate-part1.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part1.gif rename to en/application-dev/reference/arkui-js/figures/text-animate-part1.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part2.gif b/en/application-dev/reference/arkui-js/figures/text-animate-part2.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part2.gif rename to en/application-dev/reference/arkui-js/figures/text-animate-part2.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part3.gif b/en/application-dev/reference/arkui-js/figures/text-animate-part3.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part3.gif rename to en/application-dev/reference/arkui-js/figures/text-animate-part3.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-part1.png b/en/application-dev/reference/arkui-js/figures/text-part1.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-part1.png rename to en/application-dev/reference/arkui-js/figures/text-part1.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text.png b/en/application-dev/reference/arkui-js/figures/text.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text.png rename to en/application-dev/reference/arkui-js/figures/text.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate1.gif b/en/application-dev/reference/arkui-js/figures/textpath-animate1.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate1.gif rename to en/application-dev/reference/arkui-js/figures/textpath-animate1.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate2.gif b/en/application-dev/reference/arkui-js/figures/textpath-animate2.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate2.gif rename to en/application-dev/reference/arkui-js/figures/textpath-animate2.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate3.gif b/en/application-dev/reference/arkui-js/figures/textpath-animate3.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate3.gif rename to en/application-dev/reference/arkui-js/figures/textpath-animate3.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate4.gif b/en/application-dev/reference/arkui-js/figures/textpath-animate4.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate4.gif rename to en/application-dev/reference/arkui-js/figures/textpath-animate4.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part1.png b/en/application-dev/reference/arkui-js/figures/textpath-part1.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part1.png rename to en/application-dev/reference/arkui-js/figures/textpath-part1.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part2.png b/en/application-dev/reference/arkui-js/figures/textpath-part2.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part2.png rename to en/application-dev/reference/arkui-js/figures/textpath-part2.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part3.png b/en/application-dev/reference/arkui-js/figures/textpath-part3.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part3.png rename to en/application-dev/reference/arkui-js/figures/textpath-part3.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part4.png b/en/application-dev/reference/arkui-js/figures/textpath-part4.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-part4.png rename to en/application-dev/reference/arkui-js/figures/textpath-part4.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/thistle.png b/en/application-dev/reference/arkui-js/figures/thistle.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/thistle.png rename to en/application-dev/reference/arkui-js/figures/thistle.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/time.png b/en/application-dev/reference/arkui-js/figures/time.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/time.png rename to en/application-dev/reference/arkui-js/figures/time.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tomato.png b/en/application-dev/reference/arkui-js/figures/tomato.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tomato.png rename to en/application-dev/reference/arkui-js/figures/tomato.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part1.gif b/en/application-dev/reference/arkui-js/figures/tspan-animate-part1.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part1.gif rename to en/application-dev/reference/arkui-js/figures/tspan-animate-part1.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part2.gif b/en/application-dev/reference/arkui-js/figures/tspan-animate-part2.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part2.gif rename to en/application-dev/reference/arkui-js/figures/tspan-animate-part2.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part3.gif b/en/application-dev/reference/arkui-js/figures/tspan-animate-part3.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part3.gif rename to en/application-dev/reference/arkui-js/figures/tspan-animate-part3.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part4.gif b/en/application-dev/reference/arkui-js/figures/tspan-animate-part4.gif similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part4.gif rename to en/application-dev/reference/arkui-js/figures/tspan-animate-part4.gif diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-part1.png b/en/application-dev/reference/arkui-js/figures/tspan-part1.png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-part1.png rename to en/application-dev/reference/arkui-js/figures/tspan-part1.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/turquoise.png b/en/application-dev/reference/arkui-js/figures/turquoise.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/turquoise.png rename to en/application-dev/reference/arkui-js/figures/turquoise.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/unnaming-(1).png b/en/application-dev/reference/arkui-js/figures/unnaming-(1).png similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/unnaming-(1).png rename to en/application-dev/reference/arkui-js/figures/unnaming-(1).png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/violet.png b/en/application-dev/reference/arkui-js/figures/violet.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/violet.png rename to en/application-dev/reference/arkui-js/figures/violet.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/wheat.png b/en/application-dev/reference/arkui-js/figures/wheat.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/wheat.png rename to en/application-dev/reference/arkui-js/figures/wheat.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/white.png b/en/application-dev/reference/arkui-js/figures/white.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/white.png rename to en/application-dev/reference/arkui-js/figures/white.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/whitesmoke.png b/en/application-dev/reference/arkui-js/figures/whitesmoke.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/whitesmoke.png rename to en/application-dev/reference/arkui-js/figures/whitesmoke.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellow.png b/en/application-dev/reference/arkui-js/figures/yellow.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellow.png rename to en/application-dev/reference/arkui-js/figures/yellow.png diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellowgreen.png b/en/application-dev/reference/arkui-js/figures/yellowgreen.png old mode 100755 new mode 100644 similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellowgreen.png rename to en/application-dev/reference/arkui-js/figures/yellowgreen.png diff --git "a/en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" "b/en/application-dev/reference/arkui-js/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" similarity index 100% rename from "en/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" rename to "en/application-dev/reference/arkui-js/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix-types.md b/en/application-dev/reference/arkui-js/js-appendix-types.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix-types.md rename to en/application-dev/reference/arkui-js/js-appendix-types.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix.md b/en/application-dev/reference/arkui-js/js-appendix.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix.md rename to en/application-dev/reference/arkui-js/js-appendix.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md b/en/application-dev/reference/arkui-js/js-components-basic-button.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md rename to en/application-dev/reference/arkui-js/js-components-basic-button.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-chart.md b/en/application-dev/reference/arkui-js/js-components-basic-chart.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-chart.md rename to en/application-dev/reference/arkui-js/js-components-basic-chart.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-divider.md b/en/application-dev/reference/arkui-js/js-components-basic-divider.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-divider.md rename to en/application-dev/reference/arkui-js/js-components-basic-divider.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image-animator.md b/en/application-dev/reference/arkui-js/js-components-basic-image-animator.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image-animator.md rename to en/application-dev/reference/arkui-js/js-components-basic-image-animator.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md b/en/application-dev/reference/arkui-js/js-components-basic-image.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md rename to en/application-dev/reference/arkui-js/js-components-basic-image.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md b/en/application-dev/reference/arkui-js/js-components-basic-input.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md rename to en/application-dev/reference/arkui-js/js-components-basic-input.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-label.md b/en/application-dev/reference/arkui-js/js-components-basic-label.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-label.md rename to en/application-dev/reference/arkui-js/js-components-basic-label.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-marquee.md b/en/application-dev/reference/arkui-js/js-components-basic-marquee.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-marquee.md rename to en/application-dev/reference/arkui-js/js-components-basic-marquee.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-menu.md b/en/application-dev/reference/arkui-js/js-components-basic-menu.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-menu.md rename to en/application-dev/reference/arkui-js/js-components-basic-menu.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-option.md b/en/application-dev/reference/arkui-js/js-components-basic-option.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-option.md rename to en/application-dev/reference/arkui-js/js-components-basic-option.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker-view.md b/en/application-dev/reference/arkui-js/js-components-basic-picker-view.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker-view.md rename to en/application-dev/reference/arkui-js/js-components-basic-picker-view.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md b/en/application-dev/reference/arkui-js/js-components-basic-picker.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md rename to en/application-dev/reference/arkui-js/js-components-basic-picker.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-piece.md b/en/application-dev/reference/arkui-js/js-components-basic-piece.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-piece.md rename to en/application-dev/reference/arkui-js/js-components-basic-piece.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-progress.md b/en/application-dev/reference/arkui-js/js-components-basic-progress.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-progress.md rename to en/application-dev/reference/arkui-js/js-components-basic-progress.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-qrcode.md b/en/application-dev/reference/arkui-js/js-components-basic-qrcode.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-qrcode.md rename to en/application-dev/reference/arkui-js/js-components-basic-qrcode.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-rating.md b/en/application-dev/reference/arkui-js/js-components-basic-rating.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-rating.md rename to en/application-dev/reference/arkui-js/js-components-basic-rating.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-richtext.md b/en/application-dev/reference/arkui-js/js-components-basic-richtext.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-richtext.md rename to en/application-dev/reference/arkui-js/js-components-basic-richtext.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-search.md b/en/application-dev/reference/arkui-js/js-components-basic-search.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-search.md rename to en/application-dev/reference/arkui-js/js-components-basic-search.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md b/en/application-dev/reference/arkui-js/js-components-basic-select.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md rename to en/application-dev/reference/arkui-js/js-components-basic-select.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-slider.md b/en/application-dev/reference/arkui-js/js-components-basic-slider.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-slider.md rename to en/application-dev/reference/arkui-js/js-components-basic-slider.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md b/en/application-dev/reference/arkui-js/js-components-basic-span.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md rename to en/application-dev/reference/arkui-js/js-components-basic-span.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-switch.md b/en/application-dev/reference/arkui-js/js-components-basic-switch.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-switch.md rename to en/application-dev/reference/arkui-js/js-components-basic-switch.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md b/en/application-dev/reference/arkui-js/js-components-basic-text.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md rename to en/application-dev/reference/arkui-js/js-components-basic-text.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md b/en/application-dev/reference/arkui-js/js-components-basic-textarea.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md rename to en/application-dev/reference/arkui-js/js-components-basic-textarea.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md b/en/application-dev/reference/arkui-js/js-components-basic-toggle.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md rename to en/application-dev/reference/arkui-js/js-components-basic-toggle.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md b/en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md rename to en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar.md b/en/application-dev/reference/arkui-js/js-components-basic-toolbar.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar.md rename to en/application-dev/reference/arkui-js/js-components-basic-toolbar.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic.md b/en/application-dev/reference/arkui-js/js-components-basic.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic.md rename to en/application-dev/reference/arkui-js/js-components-basic.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvas.md b/en/application-dev/reference/arkui-js/js-components-canvas-canvas.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvas.md rename to en/application-dev/reference/arkui-js/js-components-canvas-canvas.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md b/en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md rename to en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md b/en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md rename to en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-image.md b/en/application-dev/reference/arkui-js/js-components-canvas-image.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-image.md rename to en/application-dev/reference/arkui-js/js-components-canvas-image.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md b/en/application-dev/reference/arkui-js/js-components-canvas-imagebitmap.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md rename to en/application-dev/reference/arkui-js/js-components-canvas-imagebitmap.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagedata.md b/en/application-dev/reference/arkui-js/js-components-canvas-imagedata.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagedata.md rename to en/application-dev/reference/arkui-js/js-components-canvas-imagedata.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md b/en/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md rename to en/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-path2d.md b/en/application-dev/reference/arkui-js/js-components-canvas-path2d.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-path2d.md rename to en/application-dev/reference/arkui-js/js-components-canvas-path2d.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas.md b/en/application-dev/reference/arkui-js/js-components-canvas.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas.md rename to en/application-dev/reference/arkui-js/js-components-canvas.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-animation.md b/en/application-dev/reference/arkui-js/js-components-common-animation.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-animation.md rename to en/application-dev/reference/arkui-js/js-components-common-animation.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-atomic-layout.md b/en/application-dev/reference/arkui-js/js-components-common-atomic-layout.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-atomic-layout.md rename to en/application-dev/reference/arkui-js/js-components-common-atomic-layout.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md b/en/application-dev/reference/arkui-js/js-components-common-attributes.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md rename to en/application-dev/reference/arkui-js/js-components-common-attributes.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-customizing-font.md b/en/application-dev/reference/arkui-js/js-components-common-customizing-font.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-customizing-font.md rename to en/application-dev/reference/arkui-js/js-components-common-customizing-font.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-events.md b/en/application-dev/reference/arkui-js/js-components-common-events.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-events.md rename to en/application-dev/reference/arkui-js/js-components-common-events.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-gradient.md b/en/application-dev/reference/arkui-js/js-components-common-gradient.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-gradient.md rename to en/application-dev/reference/arkui-js/js-components-common-gradient.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-mediaquery.md b/en/application-dev/reference/arkui-js/js-components-common-mediaquery.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-mediaquery.md rename to en/application-dev/reference/arkui-js/js-components-common-mediaquery.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md b/en/application-dev/reference/arkui-js/js-components-common-methods.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md rename to en/application-dev/reference/arkui-js/js-components-common-methods.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-styles.md b/en/application-dev/reference/arkui-js/js-components-common-styles.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-styles.md rename to en/application-dev/reference/arkui-js/js-components-common-styles.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-transition.md b/en/application-dev/reference/arkui-js/js-components-common-transition.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-transition.md rename to en/application-dev/reference/arkui-js/js-components-common-transition.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common.md b/en/application-dev/reference/arkui-js/js-components-common.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common.md rename to en/application-dev/reference/arkui-js/js-components-common.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md b/en/application-dev/reference/arkui-js/js-components-container-badge.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md rename to en/application-dev/reference/arkui-js/js-components-container-badge.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md b/en/application-dev/reference/arkui-js/js-components-container-dialog.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md rename to en/application-dev/reference/arkui-js/js-components-container-dialog.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-div.md b/en/application-dev/reference/arkui-js/js-components-container-div.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-div.md rename to en/application-dev/reference/arkui-js/js-components-container-div.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-form.md b/en/application-dev/reference/arkui-js/js-components-container-form.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-form.md rename to en/application-dev/reference/arkui-js/js-components-container-form.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item-group.md b/en/application-dev/reference/arkui-js/js-components-container-list-item-group.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item-group.md rename to en/application-dev/reference/arkui-js/js-components-container-list-item-group.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item.md b/en/application-dev/reference/arkui-js/js-components-container-list-item.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item.md rename to en/application-dev/reference/arkui-js/js-components-container-list-item.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list.md b/en/application-dev/reference/arkui-js/js-components-container-list.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list.md rename to en/application-dev/reference/arkui-js/js-components-container-list.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-panel.md b/en/application-dev/reference/arkui-js/js-components-container-panel.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-panel.md rename to en/application-dev/reference/arkui-js/js-components-container-panel.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-popup.md b/en/application-dev/reference/arkui-js/js-components-container-popup.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-popup.md rename to en/application-dev/reference/arkui-js/js-components-container-popup.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-refresh.md b/en/application-dev/reference/arkui-js/js-components-container-refresh.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-refresh.md rename to en/application-dev/reference/arkui-js/js-components-container-refresh.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stack.md b/en/application-dev/reference/arkui-js/js-components-container-stack.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stack.md rename to en/application-dev/reference/arkui-js/js-components-container-stack.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper-item.md b/en/application-dev/reference/arkui-js/js-components-container-stepper-item.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper-item.md rename to en/application-dev/reference/arkui-js/js-components-container-stepper-item.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md b/en/application-dev/reference/arkui-js/js-components-container-stepper.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md rename to en/application-dev/reference/arkui-js/js-components-container-stepper.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-swiper.md b/en/application-dev/reference/arkui-js/js-components-container-swiper.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-swiper.md rename to en/application-dev/reference/arkui-js/js-components-container-swiper.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md b/en/application-dev/reference/arkui-js/js-components-container-tab-bar.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md rename to en/application-dev/reference/arkui-js/js-components-container-tab-bar.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md b/en/application-dev/reference/arkui-js/js-components-container-tab-content.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md rename to en/application-dev/reference/arkui-js/js-components-container-tab-content.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md b/en/application-dev/reference/arkui-js/js-components-container-tabs.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md rename to en/application-dev/reference/arkui-js/js-components-container-tabs.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container.md b/en/application-dev/reference/arkui-js/js-components-container.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container.md rename to en/application-dev/reference/arkui-js/js-components-container.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md b/en/application-dev/reference/arkui-js/js-components-custom-basic-usage.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md rename to en/application-dev/reference/arkui-js/js-components-custom-basic-usage.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-event-parameter.md b/en/application-dev/reference/arkui-js/js-components-custom-event-parameter.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-event-parameter.md rename to en/application-dev/reference/arkui-js/js-components-custom-event-parameter.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-events.md b/en/application-dev/reference/arkui-js/js-components-custom-events.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-events.md rename to en/application-dev/reference/arkui-js/js-components-custom-events.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-lifecycle.md b/en/application-dev/reference/arkui-js/js-components-custom-lifecycle.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-lifecycle.md rename to en/application-dev/reference/arkui-js/js-components-custom-lifecycle.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-props.md b/en/application-dev/reference/arkui-js/js-components-custom-props.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-props.md rename to en/application-dev/reference/arkui-js/js-components-custom-props.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-slot.md b/en/application-dev/reference/arkui-js/js-components-custom-slot.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-slot.md rename to en/application-dev/reference/arkui-js/js-components-custom-slot.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom.md b/en/application-dev/reference/arkui-js/js-components-custom.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom.md rename to en/application-dev/reference/arkui-js/js-components-custom.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md b/en/application-dev/reference/arkui-js/js-components-grid-basic-concepts.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md rename to en/application-dev/reference/arkui-js/js-components-grid-basic-concepts.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-col.md b/en/application-dev/reference/arkui-js/js-components-grid-col.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-col.md rename to en/application-dev/reference/arkui-js/js-components-grid-col.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-container.md b/en/application-dev/reference/arkui-js/js-components-grid-container.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-container.md rename to en/application-dev/reference/arkui-js/js-components-grid-container.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-row.md b/en/application-dev/reference/arkui-js/js-components-grid-row.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-row.md rename to en/application-dev/reference/arkui-js/js-components-grid-row.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid.md b/en/application-dev/reference/arkui-js/js-components-grid.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid.md rename to en/application-dev/reference/arkui-js/js-components-grid.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media-video.md b/en/application-dev/reference/arkui-js/js-components-media-video.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media-video.md rename to en/application-dev/reference/arkui-js/js-components-media-video.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media.md b/en/application-dev/reference/arkui-js/js-components-media.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media.md rename to en/application-dev/reference/arkui-js/js-components-media.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animate.md b/en/application-dev/reference/arkui-js/js-components-svg-animate.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animate.md rename to en/application-dev/reference/arkui-js/js-components-svg-animate.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatemotion.md b/en/application-dev/reference/arkui-js/js-components-svg-animatemotion.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatemotion.md rename to en/application-dev/reference/arkui-js/js-components-svg-animatemotion.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatetransform.md b/en/application-dev/reference/arkui-js/js-components-svg-animatetransform.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatetransform.md rename to en/application-dev/reference/arkui-js/js-components-svg-animatetransform.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-circle.md b/en/application-dev/reference/arkui-js/js-components-svg-circle.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-circle.md rename to en/application-dev/reference/arkui-js/js-components-svg-circle.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-common-attributes.md b/en/application-dev/reference/arkui-js/js-components-svg-common-attributes.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-common-attributes.md rename to en/application-dev/reference/arkui-js/js-components-svg-common-attributes.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-ellipse.md b/en/application-dev/reference/arkui-js/js-components-svg-ellipse.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-ellipse.md rename to en/application-dev/reference/arkui-js/js-components-svg-ellipse.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-line.md b/en/application-dev/reference/arkui-js/js-components-svg-line.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-line.md rename to en/application-dev/reference/arkui-js/js-components-svg-line.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-path.md b/en/application-dev/reference/arkui-js/js-components-svg-path.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-path.md rename to en/application-dev/reference/arkui-js/js-components-svg-path.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polygon.md b/en/application-dev/reference/arkui-js/js-components-svg-polygon.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polygon.md rename to en/application-dev/reference/arkui-js/js-components-svg-polygon.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polyline.md b/en/application-dev/reference/arkui-js/js-components-svg-polyline.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polyline.md rename to en/application-dev/reference/arkui-js/js-components-svg-polyline.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-rect.md b/en/application-dev/reference/arkui-js/js-components-svg-rect.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-rect.md rename to en/application-dev/reference/arkui-js/js-components-svg-rect.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-text.md b/en/application-dev/reference/arkui-js/js-components-svg-text.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-text.md rename to en/application-dev/reference/arkui-js/js-components-svg-text.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-textpath.md b/en/application-dev/reference/arkui-js/js-components-svg-textpath.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-textpath.md rename to en/application-dev/reference/arkui-js/js-components-svg-textpath.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-tspan.md b/en/application-dev/reference/arkui-js/js-components-svg-tspan.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-tspan.md rename to en/application-dev/reference/arkui-js/js-components-svg-tspan.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg.md b/en/application-dev/reference/arkui-js/js-components-svg.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg.md rename to en/application-dev/reference/arkui-js/js-components-svg.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components.md b/en/application-dev/reference/arkui-js/js-components.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-components.md rename to en/application-dev/reference/arkui-js/js-components.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-file.md b/en/application-dev/reference/arkui-js/js-framework-file.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-file.md rename to en/application-dev/reference/arkui-js/js-framework-file.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-file.md b/en/application-dev/reference/arkui-js/js-framework-js-file.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-file.md rename to en/application-dev/reference/arkui-js/js-framework-js-file.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-tag.md b/en/application-dev/reference/arkui-js/js-framework-js-tag.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-tag.md rename to en/application-dev/reference/arkui-js/js-framework-js-tag.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-lifecycle.md b/en/application-dev/reference/arkui-js/js-framework-lifecycle.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-lifecycle.md rename to en/application-dev/reference/arkui-js/js-framework-lifecycle.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-multiple-languages.md b/en/application-dev/reference/arkui-js/js-framework-multiple-languages.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-multiple-languages.md rename to en/application-dev/reference/arkui-js/js-framework-multiple-languages.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-resource-restriction.md b/en/application-dev/reference/arkui-js/js-framework-resource-restriction.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-resource-restriction.md rename to en/application-dev/reference/arkui-js/js-framework-resource-restriction.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-css.md b/en/application-dev/reference/arkui-js/js-framework-syntax-css.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-css.md rename to en/application-dev/reference/arkui-js/js-framework-syntax-css.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-hml.md b/en/application-dev/reference/arkui-js/js-framework-syntax-hml.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-hml.md rename to en/application-dev/reference/arkui-js/js-framework-syntax-hml.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-js.md b/en/application-dev/reference/arkui-js/js-framework-syntax-js.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-js.md rename to en/application-dev/reference/arkui-js/js-framework-syntax-js.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax.md b/en/application-dev/reference/arkui-js/js-framework-syntax.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax.md rename to en/application-dev/reference/arkui-js/js-framework-syntax.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework.md b/en/application-dev/reference/arkui-js/js-framework.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework.md rename to en/application-dev/reference/arkui-js/js-framework.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md b/en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md rename to en/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-svg.md b/en/application-dev/reference/arkui-js/js-svg.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-svg.md rename to en/application-dev/reference/arkui-js/js-svg.md diff --git a/en/application-dev/js-reference/js-based-web-like-development-paradigm/js-web-development-like.md b/en/application-dev/reference/arkui-js/js-web-development-like.md similarity index 100% rename from en/application-dev/js-reference/js-based-web-like-development-paradigm/js-web-development-like.md rename to en/application-dev/reference/arkui-js/js-web-development-like.md diff --git a/en/application-dev/reference/arkui-ts/Readme-EN.md b/en/application-dev/reference/arkui-ts/Readme-EN.md new file mode 100644 index 0000000000000000000000000000000000000000..2cb89f59542b487fbb09140b152b4e54a4fe5dc9 --- /dev/null +++ b/en/application-dev/reference/arkui-ts/Readme-EN.md @@ -0,0 +1,179 @@ +# TypeScript-based Declarative Development Paradigm + +- [Framework Overview](ts-framework-framework.md) + - [File Organization](ts-framework-file.md) + - [Directory Structure](ts-framework-directory.md) + - [Rules for Accessing Application Code Files](ts-framework-file-access-rules.md) + + - ["js" Tag](ts-framework-js-tag.md) + - [Resource Access](ts-resource-access.md) + - [Media Resource Types](ts-media-resource-type.md) + + - [Pixel Units](ts-pixel-units.md) + - [Types](ts-types.md) + +- [Declarative Syntax](ts-declarative-syntax.md) + - [Overview](ts-syntax-intro.md) + - [General UI Description Specifications](ts-general-ui-description-specifications.md) + - [Basic Concepts](ts-general-ui-concepts.md) + - [Declarative UI Description Specifications](ts-declarative-ui-description-specifications.md) + - [Parameterless Configuration](ts-parameterless-configuration.md) + - [Configuration with Mandatory Parameters](ts-configuration-with-mandatory-parameters.md) + - [Attribution Configuration](ts-attribution-configuration.md) + - [Event Configuration](ts-event-configuration.md) + - [Child Component Configuration](ts-child-component-configuration.md) + + - [Component-based](ts-component-based.md) + - [@Component](ts-component-based-component.md) + - [@Entry](ts-component-based-entry.md) + - [@Preview](ts-component-based-preview.md) + - [@Builder](ts-component-based-builder.md) + - [@Extend](ts-component-based-extend.md) + - [@CustomDialog](ts-component-based-customdialog.md) + + - [UI State Management](ts-ui-state-management.md) + - [Basic Concepts](ts-ui-state-mgmt-concepts.md) + - [Managing Component States](ts-managing-component-states.md) + - [@State](ts-component-states-state.md) + - [@Prop](ts-component-states-prop.md) + - [@Link](ts-component-states-link.md) + + - [Managing Application States](ts-managing-application-states.md) + - [APIs](ts-managing-application-states-apis.md) + - [AppStorage](ts-application-states-appstorage.md) + - [PersistentStorage](ts-application-states-apis-persistentstorage.md) + - [Environment](ts-application-states-apis-environment.md) + + - [Synchronization Between AppStorage and Components](ts-application-states-storagelink-storageprop.md) + + - [Managing Other States](ts-managing-other-states.md) + - [@observed and @objectLink](ts-other-states-observed-objectlink.md) + - [@Consume and @Provide](ts-other-states-consume-provide.md) + - [@Watch](ts-other-states-watch.md) + + - [Rendering Control Syntax](ts-rending-control-syntax.md) + - [if/else](ts-rending-control-syntax-if-else.md) + - [ForEach](ts-rending-control-syntax-foreach.md) + - [LazyForEach](ts-rending-control-syntax-lazyforeach.md) + + - [A Deep Dive into @Component](ts-a-deep-dive-into-component.md) + - [build Function](ts-function-build.md) + - [Custom Component Initialization](ts-custom-component-initialization.md) + - [Custom Component Lifecycle Callbacks](ts-custom-component-lifecycle-callbacks.md) + - [Example: Component Creation and Re-Initialization](ts-component-creation-re-initialization.md) + + - [Syntactic Sugar](ts-syntactic-sugar.md) + - [@Decorator](ts-syntactic-sugar-decorator.md) + - [Chaining](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 the TS Language for Generators](ts-restrictions-for-generators.md) + +- [Components](ts-components.md) + - [Universal Components](ts-universal-components.md) + - [Universal Events](ts-universal-events.md) + - [Click Event](ts-universal-events-click.md) + - [Touch Event](ts-universal-events-touch.md) + - [Show/Hide Event](ts-universal-events-show-hide.md) + - [Key Event](ts-universal-events-key.md) + + - [Universal Attributes](ts-universal-attributes.md) + - [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 Configuration](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) + + - [Gesture Processing](ts-gesture-processing.md) + - [Gesture Binding Methods](ts-gesture-settings.md) + - [Basic Gestures](ts-basic-gestures.md) + - [TapGesture](ts-basic-gestures-tapgesture.md) + - [LongPressGesture](ts-basic-gestures-longpressgesture.md) + - [PanGesture](ts-basic-gestures-pangesture.md) + - [PinchGesture](ts-basic-gestures-pinchgesture.md) + - [RotationGesture](ts-basic-gestures-rotationgesture.md) + + - [Combined Gestures](ts-combined-gestures.md) + + - [Basic Components](ts-basic-components.md) + - [Blank](ts-basic-components-blank.md) + - [Button](ts-basic-components-button.md) + - [DataPanel](ts-basic-components-datapanel.md) + - [Divider](ts-basic-components-divider.md) + - [Image](ts-basic-components-image.md) + - [ImageAnimator](ts-basic-components-imageanimator.md) + - [Progress](ts-basic-components-progress.md) + - [QRCode](ts-basic-components-qrcode.md) + - [Rating](ts-basic-components-rating.md) + - [Span](ts-basic-components-span.md) + - [Slider](ts-basic-components-slider.md) + - [Text](ts-basic-components-text.md) + + - [Container Components](ts-components-container.md) + - [AlphabetIndexer](ts-container-alphabet-indexer.md) + - [Badge](ts-container-badge.md) + - [Column](ts-container-column.md) + - [ColumnSplit](ts-container-columnsplit.md) + - [Counter](ts-container-counter.md) + - [Flex](ts-container-flex.md) + - [GridContainer](ts-container-gridcontainer.md) + - [Grid](ts-container-grid.md) + - [GridItem](ts-container-griditem.md) + - [List](ts-container-list.md) + - [ListItem](ts-container-listitem.md) + - [Navigator](ts-container-navigator.md) + - [Panel](ts-container-panel.md) + - [Row](ts-container-row.md) + - [RowSplit](ts-container-rowsplit.md) + - [Scroll](ts-container-scroll.md) + - [Stack](ts-container-stack.md) + - [Swiper](ts-container-swiper.md) + - [Tabs](ts-container-tabs.md) + - [TabContent](ts-container-tabcontent.md) + + - [Drawing Components](ts-drawing-components.md) + - [Circle](ts-drawing-components-circle.md) + - [Ellipse](ts-drawing-components-ellipse.md) + - [Line](ts-drawing-components-line.md) + - [Polyline](ts-drawing-components-polyline.md) + - [Polygon](ts-drawing-components-polygon.md) + - [Path](ts-drawing-components-path.md) + - [Rect](ts-drawing-components-rect.md) + - [Shape](ts-drawing-components-shape.md) + +- [Animation](ts-animation.md) + - [AnimatorProperty](ts-animatorproperty.md) + - [Explicit Animation](ts-explicit-animation.md) + - [Transition Animation](ts-transition-animation.md) + - [Page Transition](ts-page-transition-animation.md) + - [Component Transition](ts-transition-animation-component.md) + - [Transition of Shared Elements](ts-transition-animation-shared-elements.md) + + - [Motion Path Animation](ts-motion-path-animation.md) + - [Matrix Transformation](ts-matrix-transformation.md) + - [Interpolation Calculation](ts-interpolation-calculation.md) + +- [Global UI Methods](ts-global-ui-methods.md) + - [Alert Dialog Box](ts-methods-alert-dialog-box.md) + - [Custom Dialog box](ts-methods-custom-dialog-box.md) + - [Image Cache](ts-methods-image-cache.md) + - [Media Query](ts-methods-media-query.md) + +- [Appendix](ts-appendix.md) + - [Built-in Enums](ts-appendix-enums.md) + diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/000000-49.png b/en/application-dev/reference/arkui-ts/figures/000000-49.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/000000-49.png rename to en/application-dev/reference/arkui-ts/figures/000000-49.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1-64.png b/en/application-dev/reference/arkui-ts/figures/1-64.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1-64.png rename to en/application-dev/reference/arkui-ts/figures/1-64.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1111-59.png b/en/application-dev/reference/arkui-ts/figures/1111-59.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1111-59.png rename to en/application-dev/reference/arkui-ts/figures/1111-59.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/222.gif b/en/application-dev/reference/arkui-ts/figures/222.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/222.gif rename to en/application-dev/reference/arkui-ts/figures/222.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/2222.png b/en/application-dev/reference/arkui-ts/figures/2222.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/2222.png rename to en/application-dev/reference/arkui-ts/figures/2222.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/5-65.gif b/en/application-dev/reference/arkui-ts/figures/5-65.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/5-65.gif rename to en/application-dev/reference/arkui-ts/figures/5-65.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alertdialog.gif b/en/application-dev/reference/arkui-ts/figures/alertdialog.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alertdialog.gif rename to en/application-dev/reference/arkui-ts/figures/alertdialog.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alphabetindexer.gif b/en/application-dev/reference/arkui-ts/figures/alphabetindexer.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alphabetindexer.gif rename to en/application-dev/reference/arkui-ts/figures/alphabetindexer.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/animateto.gif b/en/application-dev/reference/arkui-ts/figures/animateto.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/animateto.gif rename to en/application-dev/reference/arkui-ts/figures/animateto.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/appear.gif b/en/application-dev/reference/arkui-ts/figures/appear.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/appear.gif rename to en/application-dev/reference/arkui-ts/figures/appear.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/attranimation.gif b/en/application-dev/reference/arkui-ts/figures/attranimation.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/attranimation.gif rename to en/application-dev/reference/arkui-ts/figures/attranimation.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/back.png b/en/application-dev/reference/arkui-ts/figures/back.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/back.png rename to en/application-dev/reference/arkui-ts/figures/back.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/badge.gif b/en/application-dev/reference/arkui-ts/figures/badge.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/badge.gif rename to en/application-dev/reference/arkui-ts/figures/badge.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_h.gif b/en/application-dev/reference/arkui-ts/figures/blank_h.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_h.gif rename to en/application-dev/reference/arkui-ts/figures/blank_h.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_v.gif b/en/application-dev/reference/arkui-ts/figures/blank_v.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_v.gif rename to en/application-dev/reference/arkui-ts/figures/blank_v.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blue-50.png b/en/application-dev/reference/arkui-ts/figures/blue-50.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blue-50.png rename to en/application-dev/reference/arkui-ts/figures/blue-50.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/border.gif b/en/application-dev/reference/arkui-ts/figures/border.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/border.gif rename to en/application-dev/reference/arkui-ts/figures/border.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/brown-51.png b/en/application-dev/reference/arkui-ts/figures/brown-51.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/brown-51.png rename to en/application-dev/reference/arkui-ts/figures/brown-51.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/button.gif b/en/application-dev/reference/arkui-ts/figures/button.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/button.gif rename to en/application-dev/reference/arkui-ts/figures/button.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/circle.png b/en/application-dev/reference/arkui-ts/figures/circle.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/circle.png rename to en/application-dev/reference/arkui-ts/figures/circle.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/click.gif b/en/application-dev/reference/arkui-ts/figures/click.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/click.gif rename to en/application-dev/reference/arkui-ts/figures/click.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/clip.png b/en/application-dev/reference/arkui-ts/figures/clip.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/clip.png rename to en/application-dev/reference/arkui-ts/figures/clip.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/colorgradient.png b/en/application-dev/reference/arkui-ts/figures/colorgradient.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/colorgradient.png rename to en/application-dev/reference/arkui-ts/figures/colorgradient.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/column.gif b/en/application-dev/reference/arkui-ts/figures/column.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/column.gif rename to en/application-dev/reference/arkui-ts/figures/column.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/columnsplit.gif b/en/application-dev/reference/arkui-ts/figures/columnsplit.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/columnsplit.gif rename to en/application-dev/reference/arkui-ts/figures/columnsplit.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/corespec_figures_state-mgmt-overview.png b/en/application-dev/reference/arkui-ts/figures/corespec_figures_state-mgmt-overview.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/corespec_figures_state-mgmt-overview.png rename to en/application-dev/reference/arkui-ts/figures/corespec_figures_state-mgmt-overview.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/counter.gif b/en/application-dev/reference/arkui-ts/figures/counter.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/counter.gif rename to en/application-dev/reference/arkui-ts/figures/counter.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/customdialog.gif b/en/application-dev/reference/arkui-ts/figures/customdialog.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/customdialog.gif rename to en/application-dev/reference/arkui-ts/figures/customdialog.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datapanel.png b/en/application-dev/reference/arkui-ts/figures/datapanel.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datapanel.png rename to en/application-dev/reference/arkui-ts/figures/datapanel.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datatype.png b/en/application-dev/reference/arkui-ts/figures/datatype.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datatype.png rename to en/application-dev/reference/arkui-ts/figures/datatype.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-lg.png b/en/application-dev/reference/arkui-ts/figures/device-width-type-lg.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-lg.png rename to en/application-dev/reference/arkui-ts/figures/device-width-type-lg.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-md.png b/en/application-dev/reference/arkui-ts/figures/device-width-type-md.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-md.png rename to en/application-dev/reference/arkui-ts/figures/device-width-type-md.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-sm.png b/en/application-dev/reference/arkui-ts/figures/device-width-type-sm.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/device-width-type-sm.png rename to en/application-dev/reference/arkui-ts/figures/device-width-type-sm.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/displaypriorityexample.gif b/en/application-dev/reference/arkui-ts/figures/displaypriorityexample.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/displaypriorityexample.gif rename to en/application-dev/reference/arkui-ts/figures/displaypriorityexample.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/divider.png b/en/application-dev/reference/arkui-ts/figures/divider.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/divider.png rename to en/application-dev/reference/arkui-ts/figures/divider.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ellipse-63.png b/en/application-dev/reference/arkui-ts/figures/ellipse-63.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ellipse-63.png rename to en/application-dev/reference/arkui-ts/figures/ellipse-63.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/en-us_image_0000001182200571.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001182200571.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/en-us_image_0000001182200571.png rename to en/application-dev/reference/arkui-ts/figures/en-us_image_0000001182200571.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/enabled.gif b/en/application-dev/reference/arkui-ts/figures/enabled.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/enabled.gif rename to en/application-dev/reference/arkui-ts/figures/enabled.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex.png b/en/application-dev/reference/arkui-ts/figures/flex.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex.png rename to en/application-dev/reference/arkui-ts/figures/flex.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex01.gif b/en/application-dev/reference/arkui-ts/figures/flex01.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex01.gif rename to en/application-dev/reference/arkui-ts/figures/flex01.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex02.png b/en/application-dev/reference/arkui-ts/figures/flex02.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex02.png rename to en/application-dev/reference/arkui-ts/figures/flex02.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex03.gif b/en/application-dev/reference/arkui-ts/figures/flex03.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex03.gif rename to en/application-dev/reference/arkui-ts/figures/flex03.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex04-61.gif b/en/application-dev/reference/arkui-ts/figures/flex04-61.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex04-61.gif rename to en/application-dev/reference/arkui-ts/figures/flex04-61.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex04.jpg b/en/application-dev/reference/arkui-ts/figures/flex04.jpg similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex04.jpg rename to en/application-dev/reference/arkui-ts/figures/flex04.jpg diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex05.gif b/en/application-dev/reference/arkui-ts/figures/flex05.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex05.gif rename to en/application-dev/reference/arkui-ts/figures/flex05.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/gesturegroup.gif b/en/application-dev/reference/arkui-ts/figures/gesturegroup.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/gesturegroup.gif rename to en/application-dev/reference/arkui-ts/figures/gesturegroup.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/gesturesetting.gif b/en/application-dev/reference/arkui-ts/figures/gesturesetting.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/gesturesetting.gif rename to en/application-dev/reference/arkui-ts/figures/gesturesetting.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/green-53.png b/en/application-dev/reference/arkui-ts/figures/green-53.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/green-53.png rename to en/application-dev/reference/arkui-ts/figures/green-53.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grey-52.png b/en/application-dev/reference/arkui-ts/figures/grey-52.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grey-52.png rename to en/application-dev/reference/arkui-ts/figures/grey-52.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid-62.gif b/en/application-dev/reference/arkui-ts/figures/grid-62.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid-62.gif rename to en/application-dev/reference/arkui-ts/figures/grid-62.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid.gif b/en/application-dev/reference/arkui-ts/figures/grid.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid.gif rename to en/application-dev/reference/arkui-ts/figures/grid.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/griditem.gif b/en/application-dev/reference/arkui-ts/figures/griditem.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/griditem.gif rename to en/application-dev/reference/arkui-ts/figures/griditem.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image1.gif b/en/application-dev/reference/arkui-ts/figures/image1.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image1.gif rename to en/application-dev/reference/arkui-ts/figures/image1.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image2.gif b/en/application-dev/reference/arkui-ts/figures/image2.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image2.gif rename to en/application-dev/reference/arkui-ts/figures/image2.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image3.gif b/en/application-dev/reference/arkui-ts/figures/image3.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/image3.gif rename to en/application-dev/reference/arkui-ts/figures/image3.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/imageanimator.gif b/en/application-dev/reference/arkui-ts/figures/imageanimator.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/imageanimator.gif rename to en/application-dev/reference/arkui-ts/figures/imageanimator.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/keyevent.gif b/en/application-dev/reference/arkui-ts/figures/keyevent.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/keyevent.gif rename to en/application-dev/reference/arkui-ts/figures/keyevent.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/landscape-display.gif b/en/application-dev/reference/arkui-ts/figures/landscape-display.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/landscape-display.gif rename to en/application-dev/reference/arkui-ts/figures/landscape-display.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/line.jpg b/en/application-dev/reference/arkui-ts/figures/line.jpg similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/line.jpg rename to en/application-dev/reference/arkui-ts/figures/line.jpg diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/list.gif b/en/application-dev/reference/arkui-ts/figures/list.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/list.gif rename to en/application-dev/reference/arkui-ts/figures/list.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/listitem.gif b/en/application-dev/reference/arkui-ts/figures/listitem.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/listitem.gif rename to en/application-dev/reference/arkui-ts/figures/listitem.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/longpressgesture.gif b/en/application-dev/reference/arkui-ts/figures/longpressgesture.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/longpressgesture.gif rename to en/application-dev/reference/arkui-ts/figures/longpressgesture.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/mediaquery.gif b/en/application-dev/reference/arkui-ts/figures/mediaquery.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/mediaquery.gif rename to en/application-dev/reference/arkui-ts/figures/mediaquery.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/menu.gif b/en/application-dev/reference/arkui-ts/figures/menu.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/menu.gif rename to en/application-dev/reference/arkui-ts/figures/menu.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/motion.gif b/en/application-dev/reference/arkui-ts/figures/motion.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/motion.gif rename to en/application-dev/reference/arkui-ts/figures/motion.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/navigator.gif b/en/application-dev/reference/arkui-ts/figures/navigator.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/navigator.gif rename to en/application-dev/reference/arkui-ts/figures/navigator.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/opacity.gif b/en/application-dev/reference/arkui-ts/figures/opacity.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/opacity.gif rename to en/application-dev/reference/arkui-ts/figures/opacity.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/orange-54.png b/en/application-dev/reference/arkui-ts/figures/orange-54.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/orange-54.png rename to en/application-dev/reference/arkui-ts/figures/orange-54.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/overlay.gif b/en/application-dev/reference/arkui-ts/figures/overlay.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/overlay.gif rename to en/application-dev/reference/arkui-ts/figures/overlay.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pagetransition1.gif b/en/application-dev/reference/arkui-ts/figures/pagetransition1.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pagetransition1.gif rename to en/application-dev/reference/arkui-ts/figures/pagetransition1.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pagetransition2.gif b/en/application-dev/reference/arkui-ts/figures/pagetransition2.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pagetransition2.gif rename to en/application-dev/reference/arkui-ts/figures/pagetransition2.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/panel.gif b/en/application-dev/reference/arkui-ts/figures/panel.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/panel.gif rename to en/application-dev/reference/arkui-ts/figures/panel.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pangesture.gif b/en/application-dev/reference/arkui-ts/figures/pangesture.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pangesture.gif rename to en/application-dev/reference/arkui-ts/figures/pangesture.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/path.png b/en/application-dev/reference/arkui-ts/figures/path.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/path.png rename to en/application-dev/reference/arkui-ts/figures/path.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pinchgesture.gif b/en/application-dev/reference/arkui-ts/figures/pinchgesture.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pinchgesture.gif rename to en/application-dev/reference/arkui-ts/figures/pinchgesture.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pink-55.png b/en/application-dev/reference/arkui-ts/figures/pink-55.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pink-55.png rename to en/application-dev/reference/arkui-ts/figures/pink-55.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polygon.gif b/en/application-dev/reference/arkui-ts/figures/polygon.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polygon.gif rename to en/application-dev/reference/arkui-ts/figures/polygon.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polyline.gif b/en/application-dev/reference/arkui-ts/figures/polyline.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polyline.gif rename to en/application-dev/reference/arkui-ts/figures/polyline.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/popup.gif b/en/application-dev/reference/arkui-ts/figures/popup.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/popup.gif rename to en/application-dev/reference/arkui-ts/figures/popup.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/portrait-display.gif b/en/application-dev/reference/arkui-ts/figures/portrait-display.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/portrait-display.gif rename to en/application-dev/reference/arkui-ts/figures/portrait-display.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position.gif b/en/application-dev/reference/arkui-ts/figures/position.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position.gif rename to en/application-dev/reference/arkui-ts/figures/position.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position2.gif b/en/application-dev/reference/arkui-ts/figures/position2.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position2.gif rename to en/application-dev/reference/arkui-ts/figures/position2.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/progress-60.png b/en/application-dev/reference/arkui-ts/figures/progress-60.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/progress-60.png rename to en/application-dev/reference/arkui-ts/figures/progress-60.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/q1.png b/en/application-dev/reference/arkui-ts/figures/q1.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/q1.png rename to en/application-dev/reference/arkui-ts/figures/q1.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/qrcode.png b/en/application-dev/reference/arkui-ts/figures/qrcode.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/qrcode.png rename to en/application-dev/reference/arkui-ts/figures/qrcode.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rating.gif b/en/application-dev/reference/arkui-ts/figures/rating.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rating.gif rename to en/application-dev/reference/arkui-ts/figures/rating.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rect.png b/en/application-dev/reference/arkui-ts/figures/rect.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rect.png rename to en/application-dev/reference/arkui-ts/figures/rect.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/red-56.png b/en/application-dev/reference/arkui-ts/figures/red-56.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/red-56.png rename to en/application-dev/reference/arkui-ts/figures/red-56.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rotationgesture.gif b/en/application-dev/reference/arkui-ts/figures/rotationgesture.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rotationgesture.gif rename to en/application-dev/reference/arkui-ts/figures/rotationgesture.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/row.png b/en/application-dev/reference/arkui-ts/figures/row.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/row.png rename to en/application-dev/reference/arkui-ts/figures/row.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rowsplit.gif b/en/application-dev/reference/arkui-ts/figures/rowsplit.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rowsplit.gif rename to en/application-dev/reference/arkui-ts/figures/rowsplit.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s1.png b/en/application-dev/reference/arkui-ts/figures/s1.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s1.png rename to en/application-dev/reference/arkui-ts/figures/s1.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s3.png b/en/application-dev/reference/arkui-ts/figures/s3.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s3.png rename to en/application-dev/reference/arkui-ts/figures/s3.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s4-(1).png b/en/application-dev/reference/arkui-ts/figures/s4-(1).png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s4-(1).png rename to en/application-dev/reference/arkui-ts/figures/s4-(1).png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/scroll.gif b/en/application-dev/reference/arkui-ts/figures/scroll.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/scroll.gif rename to en/application-dev/reference/arkui-ts/figures/scroll.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/shape.gif b/en/application-dev/reference/arkui-ts/figures/shape.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/shape.gif rename to en/application-dev/reference/arkui-ts/figures/shape.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sharedtransition.gif b/en/application-dev/reference/arkui-ts/figures/sharedtransition.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sharedtransition.gif rename to en/application-dev/reference/arkui-ts/figures/sharedtransition.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sider.gif b/en/application-dev/reference/arkui-ts/figures/sider.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sider.gif rename to en/application-dev/reference/arkui-ts/figures/sider.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/size.gif b/en/application-dev/reference/arkui-ts/figures/size.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/size.gif rename to en/application-dev/reference/arkui-ts/figures/size.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/span.gif b/en/application-dev/reference/arkui-ts/figures/span.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/span.gif rename to en/application-dev/reference/arkui-ts/figures/span.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/stack.jpg b/en/application-dev/reference/arkui-ts/figures/stack.jpg similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/stack.jpg rename to en/application-dev/reference/arkui-ts/figures/stack.jpg diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/swiper.gif b/en/application-dev/reference/arkui-ts/figures/swiper.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/swiper.gif rename to en/application-dev/reference/arkui-ts/figures/swiper.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/tabs.gif b/en/application-dev/reference/arkui-ts/figures/tabs.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/tabs.gif rename to en/application-dev/reference/arkui-ts/figures/tabs.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/tapgesture.gif b/en/application-dev/reference/arkui-ts/figures/tapgesture.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/tapgesture.gif rename to en/application-dev/reference/arkui-ts/figures/tapgesture.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/text1.gif b/en/application-dev/reference/arkui-ts/figures/text1.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/text1.gif rename to en/application-dev/reference/arkui-ts/figures/text1.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/text2.gif b/en/application-dev/reference/arkui-ts/figures/text2.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/text2.gif rename to en/application-dev/reference/arkui-ts/figures/text2.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/textstyle.png b/en/application-dev/reference/arkui-ts/figures/textstyle.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/textstyle.png rename to en/application-dev/reference/arkui-ts/figures/textstyle.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/touch.gif b/en/application-dev/reference/arkui-ts/figures/touch.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/touch.gif rename to en/application-dev/reference/arkui-ts/figures/touch.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/transition.gif b/en/application-dev/reference/arkui-ts/figures/transition.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/transition.gif rename to en/application-dev/reference/arkui-ts/figures/transition.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/visibility.gif b/en/application-dev/reference/arkui-ts/figures/visibility.gif similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/visibility.gif rename to en/application-dev/reference/arkui-ts/figures/visibility.gif diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/white-57.png b/en/application-dev/reference/arkui-ts/figures/white-57.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/white-57.png rename to en/application-dev/reference/arkui-ts/figures/white-57.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/yellow-58.png b/en/application-dev/reference/arkui-ts/figures/yellow-58.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/yellow-58.png rename to en/application-dev/reference/arkui-ts/figures/yellow-58.png diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zindex.png b/en/application-dev/reference/arkui-ts/figures/zindex.png similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zindex.png rename to en/application-dev/reference/arkui-ts/figures/zindex.png diff --git "a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" "b/en/application-dev/reference/arkui-ts/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" similarity index 100% rename from "en/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" rename to "en/application-dev/reference/arkui-ts/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md b/en/application-dev/reference/arkui-ts/ts-a-deep-dive-into-component.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md rename to en/application-dev/reference/arkui-ts/ts-a-deep-dive-into-component.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animation.md b/en/application-dev/reference/arkui-ts/ts-animation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animation.md rename to en/application-dev/reference/arkui-ts/ts-animation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animatorproperty.md b/en/application-dev/reference/arkui-ts/ts-animatorproperty.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animatorproperty.md rename to en/application-dev/reference/arkui-ts/ts-animatorproperty.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix-enums.md b/en/application-dev/reference/arkui-ts/ts-appendix-enums.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix-enums.md rename to en/application-dev/reference/arkui-ts/ts-appendix-enums.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix.md b/en/application-dev/reference/arkui-ts/ts-appendix.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix.md rename to en/application-dev/reference/arkui-ts/ts-appendix.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md b/en/application-dev/reference/arkui-ts/ts-application-states-apis-environment.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md rename to en/application-dev/reference/arkui-ts/ts-application-states-apis-environment.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md b/en/application-dev/reference/arkui-ts/ts-application-states-apis-persistentstorage.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md rename to en/application-dev/reference/arkui-ts/ts-application-states-apis-persistentstorage.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-appstorage.md b/en/application-dev/reference/arkui-ts/ts-application-states-appstorage.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-appstorage.md rename to en/application-dev/reference/arkui-ts/ts-application-states-appstorage.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md b/en/application-dev/reference/arkui-ts/ts-application-states-storagelink-storageprop.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md rename to en/application-dev/reference/arkui-ts/ts-application-states-storagelink-storageprop.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-attribution-configuration.md b/en/application-dev/reference/arkui-ts/ts-attribution-configuration.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-attribution-configuration.md rename to en/application-dev/reference/arkui-ts/ts-attribution-configuration.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-blank.md b/en/application-dev/reference/arkui-ts/ts-basic-components-blank.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-blank.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-blank.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-button.md b/en/application-dev/reference/arkui-ts/ts-basic-components-button.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-button.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-button.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md b/en/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-divider.md b/en/application-dev/reference/arkui-ts/ts-basic-components-divider.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-divider.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-divider.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-image.md b/en/application-dev/reference/arkui-ts/ts-basic-components-image.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-image.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-image.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md b/en/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-progress.md b/en/application-dev/reference/arkui-ts/ts-basic-components-progress.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-progress.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-progress.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md b/en/application-dev/reference/arkui-ts/ts-basic-components-qrcode.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-qrcode.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-rating.md b/en/application-dev/reference/arkui-ts/ts-basic-components-rating.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-rating.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-rating.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-slider.md b/en/application-dev/reference/arkui-ts/ts-basic-components-slider.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-slider.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-slider.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-span.md b/en/application-dev/reference/arkui-ts/ts-basic-components-span.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-span.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-span.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-text.md b/en/application-dev/reference/arkui-ts/ts-basic-components-text.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-text.md rename to en/application-dev/reference/arkui-ts/ts-basic-components-text.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components.md b/en/application-dev/reference/arkui-ts/ts-basic-components.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components.md rename to en/application-dev/reference/arkui-ts/ts-basic-components.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures-longpressgesture.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures-longpressgesture.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures-pinchgesture.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures-pinchgesture.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures-rotationgesture.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures-rotationgesture.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures.md b/en/application-dev/reference/arkui-ts/ts-basic-gestures.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures.md rename to en/application-dev/reference/arkui-ts/ts-basic-gestures.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-child-component-configuration.md b/en/application-dev/reference/arkui-ts/ts-child-component-configuration.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-child-component-configuration.md rename to en/application-dev/reference/arkui-ts/ts-child-component-configuration.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-combined-gestures.md b/en/application-dev/reference/arkui-ts/ts-combined-gestures.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-combined-gestures.md rename to en/application-dev/reference/arkui-ts/ts-combined-gestures.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-builder.md b/en/application-dev/reference/arkui-ts/ts-component-based-builder.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-builder.md rename to en/application-dev/reference/arkui-ts/ts-component-based-builder.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md b/en/application-dev/reference/arkui-ts/ts-component-based-component.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md rename to en/application-dev/reference/arkui-ts/ts-component-based-component.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-customdialog.md b/en/application-dev/reference/arkui-ts/ts-component-based-customdialog.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-customdialog.md rename to en/application-dev/reference/arkui-ts/ts-component-based-customdialog.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md b/en/application-dev/reference/arkui-ts/ts-component-based-entry.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md rename to en/application-dev/reference/arkui-ts/ts-component-based-entry.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-extend.md b/en/application-dev/reference/arkui-ts/ts-component-based-extend.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-extend.md rename to en/application-dev/reference/arkui-ts/ts-component-based-extend.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-preview.md b/en/application-dev/reference/arkui-ts/ts-component-based-preview.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-preview.md rename to en/application-dev/reference/arkui-ts/ts-component-based-preview.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based.md b/en/application-dev/reference/arkui-ts/ts-component-based.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based.md rename to en/application-dev/reference/arkui-ts/ts-component-based.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md b/en/application-dev/reference/arkui-ts/ts-component-creation-re-initialization.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md rename to en/application-dev/reference/arkui-ts/ts-component-creation-re-initialization.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-link.md b/en/application-dev/reference/arkui-ts/ts-component-states-link.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-link.md rename to en/application-dev/reference/arkui-ts/ts-component-states-link.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-prop.md b/en/application-dev/reference/arkui-ts/ts-component-states-prop.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-prop.md rename to en/application-dev/reference/arkui-ts/ts-component-states-prop.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-state.md b/en/application-dev/reference/arkui-ts/ts-component-states-state.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-state.md rename to en/application-dev/reference/arkui-ts/ts-component-states-state.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components-container.md b/en/application-dev/reference/arkui-ts/ts-components-container.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components-container.md rename to en/application-dev/reference/arkui-ts/ts-components-container.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components.md b/en/application-dev/reference/arkui-ts/ts-components.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components.md rename to en/application-dev/reference/arkui-ts/ts-components.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md b/en/application-dev/reference/arkui-ts/ts-configuration-with-mandatory-parameters.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md rename to en/application-dev/reference/arkui-ts/ts-configuration-with-mandatory-parameters.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md b/en/application-dev/reference/arkui-ts/ts-container-alphabet-indexer.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md rename to en/application-dev/reference/arkui-ts/ts-container-alphabet-indexer.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-badge.md b/en/application-dev/reference/arkui-ts/ts-container-badge.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-badge.md rename to en/application-dev/reference/arkui-ts/ts-container-badge.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-column.md b/en/application-dev/reference/arkui-ts/ts-container-column.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-column.md rename to en/application-dev/reference/arkui-ts/ts-container-column.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-columnsplit.md b/en/application-dev/reference/arkui-ts/ts-container-columnsplit.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-columnsplit.md rename to en/application-dev/reference/arkui-ts/ts-container-columnsplit.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-counter.md b/en/application-dev/reference/arkui-ts/ts-container-counter.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-counter.md rename to en/application-dev/reference/arkui-ts/ts-container-counter.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-flex.md b/en/application-dev/reference/arkui-ts/ts-container-flex.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-flex.md rename to en/application-dev/reference/arkui-ts/ts-container-flex.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-grid.md b/en/application-dev/reference/arkui-ts/ts-container-grid.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-grid.md rename to en/application-dev/reference/arkui-ts/ts-container-grid.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-gridcontainer.md b/en/application-dev/reference/arkui-ts/ts-container-gridcontainer.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-gridcontainer.md rename to en/application-dev/reference/arkui-ts/ts-container-gridcontainer.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-griditem.md b/en/application-dev/reference/arkui-ts/ts-container-griditem.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-griditem.md rename to en/application-dev/reference/arkui-ts/ts-container-griditem.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-list.md b/en/application-dev/reference/arkui-ts/ts-container-list.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-list.md rename to en/application-dev/reference/arkui-ts/ts-container-list.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-listitem.md b/en/application-dev/reference/arkui-ts/ts-container-listitem.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-listitem.md rename to en/application-dev/reference/arkui-ts/ts-container-listitem.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-navigator.md b/en/application-dev/reference/arkui-ts/ts-container-navigator.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-navigator.md rename to en/application-dev/reference/arkui-ts/ts-container-navigator.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-panel.md b/en/application-dev/reference/arkui-ts/ts-container-panel.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-panel.md rename to en/application-dev/reference/arkui-ts/ts-container-panel.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-row.md b/en/application-dev/reference/arkui-ts/ts-container-row.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-row.md rename to en/application-dev/reference/arkui-ts/ts-container-row.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-rowsplit.md b/en/application-dev/reference/arkui-ts/ts-container-rowsplit.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-rowsplit.md rename to en/application-dev/reference/arkui-ts/ts-container-rowsplit.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-scroll.md b/en/application-dev/reference/arkui-ts/ts-container-scroll.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-scroll.md rename to en/application-dev/reference/arkui-ts/ts-container-scroll.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-stack.md b/en/application-dev/reference/arkui-ts/ts-container-stack.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-stack.md rename to en/application-dev/reference/arkui-ts/ts-container-stack.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-swiper.md b/en/application-dev/reference/arkui-ts/ts-container-swiper.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-swiper.md rename to en/application-dev/reference/arkui-ts/ts-container-swiper.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabcontent.md b/en/application-dev/reference/arkui-ts/ts-container-tabcontent.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabcontent.md rename to en/application-dev/reference/arkui-ts/ts-container-tabcontent.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabs.md b/en/application-dev/reference/arkui-ts/ts-container-tabs.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabs.md rename to en/application-dev/reference/arkui-ts/ts-container-tabs.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-initialization.md b/en/application-dev/reference/arkui-ts/ts-custom-component-initialization.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-initialization.md rename to en/application-dev/reference/arkui-ts/ts-custom-component-initialization.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md b/en/application-dev/reference/arkui-ts/ts-custom-component-lifecycle-callbacks.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md rename to en/application-dev/reference/arkui-ts/ts-custom-component-lifecycle-callbacks.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-syntax.md b/en/application-dev/reference/arkui-ts/ts-declarative-syntax.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-syntax.md rename to en/application-dev/reference/arkui-ts/ts-declarative-syntax.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md b/en/application-dev/reference/arkui-ts/ts-declarative-ui-description-specifications.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md rename to en/application-dev/reference/arkui-ts/ts-declarative-ui-description-specifications.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative.md b/en/application-dev/reference/arkui-ts/ts-declarative.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative.md rename to en/application-dev/reference/arkui-ts/ts-declarative.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-circle.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-circle.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-line.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-line.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-line.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-line.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-path.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-path.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-path.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-path.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-rect.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-rect.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-shape.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-shape.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components.md b/en/application-dev/reference/arkui-ts/ts-drawing-components.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components.md rename to en/application-dev/reference/arkui-ts/ts-drawing-components.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-event-configuration.md b/en/application-dev/reference/arkui-ts/ts-event-configuration.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-event-configuration.md rename to en/application-dev/reference/arkui-ts/ts-event-configuration.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-explicit-animation.md b/en/application-dev/reference/arkui-ts/ts-explicit-animation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-explicit-animation.md rename to en/application-dev/reference/arkui-ts/ts-explicit-animation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-directory.md b/en/application-dev/reference/arkui-ts/ts-framework-directory.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-directory.md rename to en/application-dev/reference/arkui-ts/ts-framework-directory.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md b/en/application-dev/reference/arkui-ts/ts-framework-file-access-rules.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md rename to en/application-dev/reference/arkui-ts/ts-framework-file-access-rules.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file.md b/en/application-dev/reference/arkui-ts/ts-framework-file.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file.md rename to en/application-dev/reference/arkui-ts/ts-framework-file.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-framework.md b/en/application-dev/reference/arkui-ts/ts-framework-framework.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-framework.md rename to en/application-dev/reference/arkui-ts/ts-framework-framework.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-js-tag.md b/en/application-dev/reference/arkui-ts/ts-framework-js-tag.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-js-tag.md rename to en/application-dev/reference/arkui-ts/ts-framework-js-tag.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-function-build.md b/en/application-dev/reference/arkui-ts/ts-function-build.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-function-build.md rename to en/application-dev/reference/arkui-ts/ts-function-build.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-concepts.md b/en/application-dev/reference/arkui-ts/ts-general-ui-concepts.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-concepts.md rename to en/application-dev/reference/arkui-ts/ts-general-ui-concepts.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md b/en/application-dev/reference/arkui-ts/ts-general-ui-description-specifications.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md rename to en/application-dev/reference/arkui-ts/ts-general-ui-description-specifications.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-processing.md b/en/application-dev/reference/arkui-ts/ts-gesture-processing.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-processing.md rename to en/application-dev/reference/arkui-ts/ts-gesture-processing.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-settings.md b/en/application-dev/reference/arkui-ts/ts-gesture-settings.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-settings.md rename to en/application-dev/reference/arkui-ts/ts-gesture-settings.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-global-ui-methods.md b/en/application-dev/reference/arkui-ts/ts-global-ui-methods.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-global-ui-methods.md rename to en/application-dev/reference/arkui-ts/ts-global-ui-methods.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md b/en/application-dev/reference/arkui-ts/ts-instantiating-a-struct-without-new-keyword.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md rename to en/application-dev/reference/arkui-ts/ts-instantiating-a-struct-without-new-keyword.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-interpolation-calculation.md b/en/application-dev/reference/arkui-ts/ts-interpolation-calculation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-interpolation-calculation.md rename to en/application-dev/reference/arkui-ts/ts-interpolation-calculation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md b/en/application-dev/reference/arkui-ts/ts-managing-application-states-apis.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md rename to en/application-dev/reference/arkui-ts/ts-managing-application-states-apis.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states.md b/en/application-dev/reference/arkui-ts/ts-managing-application-states.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states.md rename to en/application-dev/reference/arkui-ts/ts-managing-application-states.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-component-states.md b/en/application-dev/reference/arkui-ts/ts-managing-component-states.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-component-states.md rename to en/application-dev/reference/arkui-ts/ts-managing-component-states.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-other-states.md b/en/application-dev/reference/arkui-ts/ts-managing-other-states.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-other-states.md rename to en/application-dev/reference/arkui-ts/ts-managing-other-states.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-matrix-transformation.md b/en/application-dev/reference/arkui-ts/ts-matrix-transformation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-matrix-transformation.md rename to en/application-dev/reference/arkui-ts/ts-matrix-transformation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-media-resource-type.md b/en/application-dev/reference/arkui-ts/ts-media-resource-type.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-media-resource-type.md rename to en/application-dev/reference/arkui-ts/ts-media-resource-type.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md b/en/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md rename to en/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md b/en/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md rename to en/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-image-cache.md b/en/application-dev/reference/arkui-ts/ts-methods-image-cache.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-image-cache.md rename to en/application-dev/reference/arkui-ts/ts-methods-image-cache.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-media-query.md b/en/application-dev/reference/arkui-ts/ts-methods-media-query.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-media-query.md rename to en/application-dev/reference/arkui-ts/ts-methods-media-query.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-motion-path-animation.md b/en/application-dev/reference/arkui-ts/ts-motion-path-animation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-motion-path-animation.md rename to en/application-dev/reference/arkui-ts/ts-motion-path-animation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md b/en/application-dev/reference/arkui-ts/ts-other-states-consume-provide.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md rename to en/application-dev/reference/arkui-ts/ts-other-states-consume-provide.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md b/en/application-dev/reference/arkui-ts/ts-other-states-observed-objectlink.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md rename to en/application-dev/reference/arkui-ts/ts-other-states-observed-objectlink.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-watch.md b/en/application-dev/reference/arkui-ts/ts-other-states-watch.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-watch.md rename to en/application-dev/reference/arkui-ts/ts-other-states-watch.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-page-transition-animation.md b/en/application-dev/reference/arkui-ts/ts-page-transition-animation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-page-transition-animation.md rename to en/application-dev/reference/arkui-ts/ts-page-transition-animation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-parameterless-configuration.md b/en/application-dev/reference/arkui-ts/ts-parameterless-configuration.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-parameterless-configuration.md rename to en/application-dev/reference/arkui-ts/ts-parameterless-configuration.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-pixel-units.md b/en/application-dev/reference/arkui-ts/ts-pixel-units.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-pixel-units.md rename to en/application-dev/reference/arkui-ts/ts-pixel-units.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md b/en/application-dev/reference/arkui-ts/ts-rending-control-syntax-foreach.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md rename to en/application-dev/reference/arkui-ts/ts-rending-control-syntax-foreach.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md b/en/application-dev/reference/arkui-ts/ts-rending-control-syntax-if-else.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md rename to en/application-dev/reference/arkui-ts/ts-rending-control-syntax-if-else.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md b/en/application-dev/reference/arkui-ts/ts-rending-control-syntax-lazyforeach.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md rename to en/application-dev/reference/arkui-ts/ts-rending-control-syntax-lazyforeach.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax.md b/en/application-dev/reference/arkui-ts/ts-rending-control-syntax.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax.md rename to en/application-dev/reference/arkui-ts/ts-rending-control-syntax.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-resource-access.md b/en/application-dev/reference/arkui-ts/ts-resource-access.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-resource-access.md rename to en/application-dev/reference/arkui-ts/ts-resource-access.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md b/en/application-dev/reference/arkui-ts/ts-restrictions-for-generators.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md rename to en/application-dev/reference/arkui-ts/ts-restrictions-for-generators.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md b/en/application-dev/reference/arkui-ts/ts-syntactic-sugar-chaining.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md rename to en/application-dev/reference/arkui-ts/ts-syntactic-sugar-chaining.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md b/en/application-dev/reference/arkui-ts/ts-syntactic-sugar-decorator.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md rename to en/application-dev/reference/arkui-ts/ts-syntactic-sugar-decorator.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md b/en/application-dev/reference/arkui-ts/ts-syntactic-sugar-struct.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md rename to en/application-dev/reference/arkui-ts/ts-syntactic-sugar-struct.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar.md b/en/application-dev/reference/arkui-ts/ts-syntactic-sugar.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar.md rename to en/application-dev/reference/arkui-ts/ts-syntactic-sugar.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntax-intro.md b/en/application-dev/reference/arkui-ts/ts-syntax-intro.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntax-intro.md rename to en/application-dev/reference/arkui-ts/ts-syntax-intro.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-component.md b/en/application-dev/reference/arkui-ts/ts-transition-animation-component.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-component.md rename to en/application-dev/reference/arkui-ts/ts-transition-animation-component.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md b/en/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md rename to en/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation.md b/en/application-dev/reference/arkui-ts/ts-transition-animation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation.md rename to en/application-dev/reference/arkui-ts/ts-transition-animation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-types.md b/en/application-dev/reference/arkui-ts/ts-types.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-types.md rename to en/application-dev/reference/arkui-ts/ts-types.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-management.md b/en/application-dev/reference/arkui-ts/ts-ui-state-management.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-management.md rename to en/application-dev/reference/arkui-ts/ts-ui-state-management.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md b/en/application-dev/reference/arkui-ts/ts-ui-state-mgmt-concepts.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md rename to en/application-dev/reference/arkui-ts/ts-ui-state-mgmt-concepts.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-background.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-background.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-background.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-background.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-border.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-border.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-border.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-border.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-location.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-location.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-location.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-location.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-menu.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-menu.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-opacity.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-opacity.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-size.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-size.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-size.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-size.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-visibility.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-visibility.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes-z-order.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes-z-order.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes.md b/en/application-dev/reference/arkui-ts/ts-universal-attributes.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes.md rename to en/application-dev/reference/arkui-ts/ts-universal-attributes.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-components.md b/en/application-dev/reference/arkui-ts/ts-universal-components.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-components.md rename to en/application-dev/reference/arkui-ts/ts-universal-components.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-click.md b/en/application-dev/reference/arkui-ts/ts-universal-events-click.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-click.md rename to en/application-dev/reference/arkui-ts/ts-universal-events-click.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-key.md b/en/application-dev/reference/arkui-ts/ts-universal-events-key.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-key.md rename to en/application-dev/reference/arkui-ts/ts-universal-events-key.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md b/en/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md rename to en/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-touch.md b/en/application-dev/reference/arkui-ts/ts-universal-events-touch.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-touch.md rename to en/application-dev/reference/arkui-ts/ts-universal-events-touch.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events.md b/en/application-dev/reference/arkui-ts/ts-universal-events.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events.md rename to en/application-dev/reference/arkui-ts/ts-universal-events.md diff --git a/en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md b/en/application-dev/reference/arkui-ts/ts-using-a-separate-line-for-new-component.md similarity index 100% rename from en/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md rename to en/application-dev/reference/arkui-ts/ts-using-a-separate-line-for-new-component.md diff --git a/en/application-dev/ui/ui-js-animate-component.md b/en/application-dev/ui/ui-js-animate-component.md index 34681f0f0baa9ece1ac1627c1534c9e86321f95e..ad980cb95cf1500949a651e67ca8589483c784df 100644 --- a/en/application-dev/ui/ui-js-animate-component.md +++ b/en/application-dev/ui/ui-js-animate-component.md @@ -1,6 +1,6 @@ # Component Animation -Create and run an animation shortcut on the component. For details, see [Universal Methods](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md). +Create and run an animation shortcut on the component. For details, see [Universal Methods](../reference/arkui-js/js-components-common-methods.md). ## Obtaining an Animation Object @@ -60,12 +60,12 @@ export default { ![](figures/1-19.gif) >![](../public_sys-resources/icon-note.gif) **NOTE:** ->- When using the **animate** method, you must pass the [Keyframes](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table1491078445) and [Options](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table587915341817) parameters. +>- When using the **animate** method, you must pass the [Keyframes](../reference/arkui-js/js-components-common-methods.md#table1491078445) and [Options](../reference/arkui-js/js-components-common-methods.md#table587915341817) parameters. >- If **animate** is called for multiple times and the replace policy is used, parameters passed to the last call will take effect. ## Setting Animation Parameters -After obtaining an **animation** object, you can set its style working on the component with the [Keyframes](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table1491078445) parameter. +After obtaining an **animation** object, you can set its style working on the component with the [Keyframes](../reference/arkui-js/js-components-common-methods.md#table1491078445) parameter. ``` @@ -140,7 +140,7 @@ export default { >- The sequence of **translate**, **scale**, and **rotate** affects the animation effect. >- **transformOrigin** works only for **scale** and **rotate**. -Set the animation attributes with the [Options](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table587915341817) parameter. +Set the animation attributes with the [Options](../reference/arkui-js/js-components-common-methods.md#table587915341817) parameter. ``` diff --git a/en/application-dev/ui/ui-js-building-ui-animation.md b/en/application-dev/ui/ui-js-building-ui-animation.md index 46a5d067168f83cfd1c8050abf5989060ce3f4b7..87330f81353fed42f0073ee80ae0a0f13b2e153b 100644 --- a/en/application-dev/ui/ui-js-building-ui-animation.md +++ b/en/application-dev/ui/ui-js-building-ui-animation.md @@ -10,7 +10,7 @@ The transform attributes are the core of the static animation. A static animatio - **scale**: Scales a specified component horizontally or vertically to the required scale. - **rotate**: Rotates a specified component by a specified angle along the horizontal axis, vertical axis, or center point. -For more information, see [Component Methods](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md). The following is an example: +For more information, see [Component Methods](../reference/arkui-js/js-components-common-methods.md). The following is an example: ``` diff --git a/en/application-dev/ui/ui-js-building-ui-component.md b/en/application-dev/ui/ui-js-building-ui-component.md index 9e42d7428d4ca24129095e165f208f9bab7842fe..15133af6c3800275ecca27f41c383df14fccd92c 100644 --- a/en/application-dev/ui/ui-js-building-ui-component.md +++ b/en/application-dev/ui/ui-js-building-ui-component.md @@ -1,6 +1,6 @@ # Component Overview -Components are the core of a UI page. Each component can provide visible and interactive functional units that are independent from each other. This is achieved by data and method encapsulation. You can use and reuse any component anywhere as needed. For details about how to use the components, see [Components](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md). +Components are the core of a UI page. Each component can provide visible and interactive functional units that are independent from each other. This is achieved by data and method encapsulation. You can use and reuse any component anywhere as needed. For details about how to use the components, see [Components](../reference/arkui-js/js-components-common-attributes.md). You can also customize a new component through proper combination of components to make the development simple and easy. For details about how to customize components, see [Custom Components](ui-js-custom-components.md). @@ -47,4 +47,3 @@ Components can be classified into the following types based on their functions. - diff --git a/en/application-dev/ui/ui-js-building-ui-interactions.md b/en/application-dev/ui/ui-js-building-ui-interactions.md index c724844030a715291393a4a4a9dc02a14d7a665b..410818fa36db2e91c508459983bbb0ad92c7d8bf 100644 --- a/en/application-dev/ui/ui-js-building-ui-interactions.md +++ b/en/application-dev/ui/ui-js-building-ui-interactions.md @@ -71,5 +71,5 @@ export default { } ``` -The ArkUI also provides many form components, such as switches, tags, and pickers, for you to flexibly lay out pages and improve their interactions with users. For details, see [Container Components](../js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md). +The ArkUI also provides many form components, such as switches, tags, and pickers, for you to flexibly lay out pages and improve their interactions with users. For details, see [Container Components](../reference/arkui-js/js-components-container-badge.md). diff --git a/en/application-dev/ui/ui-js-building-ui-layout-image.md b/en/application-dev/ui/ui-js-building-ui-layout-image.md index 63304d736f4142a610df321f4469d9b41c6fd736..eab97b67a10ff937a1de06971b07a055cfd3b184 100644 --- a/en/application-dev/ui/ui-js-building-ui-layout-image.md +++ b/en/application-dev/ui/ui-js-building-ui-layout-image.md @@ -1,8 +1,8 @@ # Adding an Image -Generally, the [](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md) component is used to add images on a page. The method of using this component is similar to that of using the **** component. +Generally, the [](../reference/arkui-js/js-components-basic-image.md) component is used to add images on a page. The method of using this component is similar to that of using the **** component. -To reference images via the **** component, you must create the **common** directory under **js** \> **default**, and then store the image files in the **common** directory. For details about the directory structure, see [Directory Structure](../js-reference/js-based-web-like-development-paradigm/js-framework-file.md#section119431650182015). The following sample code shows you how to add an image and set its style. +To reference images via the **** component, you must create the **common** directory under **js** \> **default**, and then store the image files in the **common** directory. For details about the directory structure, see [Directory Structure](../reference/arkui-js/js-framework-file.md#section119431650182015). The following sample code shows you how to add an image and set its style. ``` diff --git a/en/application-dev/ui/ui-js-building-ui-layout-text.md b/en/application-dev/ui/ui-js-building-ui-layout-text.md index 70be7ad94c76693bc42ee07f0db8e26523d2ce4e..141eb9f25b8a6c65c83c0fd288099d1bd4f0b3cb 100644 --- a/en/application-dev/ui/ui-js-building-ui-layout-text.md +++ b/en/application-dev/ui/ui-js-building-ui-layout-text.md @@ -1,6 +1,6 @@ # Adding Title and Paragraph Text -The **** component is most commonly used to display text in title and paragraph areas. You can set attributes and styles for a **** component and add the text to be displayed between the **** and **** tags. For details about the attributes and styles, see [text](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md). The following is an example of adding title and paragraph text on a page: +The **** component is most commonly used to display text in title and paragraph areas. You can set attributes and styles for a **** component and add the text to be displayed between the **** and **** tags. For details about the attributes and styles, see [text](../reference/arkui-js/js-components-basic-text.md). The following is an example of adding title and paragraph text on a page: ``` diff --git a/en/application-dev/ui/ui-js-component-tabs.md b/en/application-dev/ui/ui-js-component-tabs.md index 4f81fdab74198c88fa59b041c700cde1ed4bc535..e8e364c975df5d198811cd9b4a381026250cfb32 100644 --- a/en/application-dev/ui/ui-js-component-tabs.md +++ b/en/application-dev/ui/ui-js-component-tabs.md @@ -1,6 +1,6 @@ # Tabs -The **** component is a common UI component for navigation. It allows quick access to different functions of an app. For details, see [tabs](../js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md). +The **** component is a common UI component for navigation. It allows quick access to different functions of an app. For details, see [tabs](../reference/arkui-js/js-components-container-tabs.md). ## Creating Tabs @@ -187,7 +187,7 @@ export default { ![](figures/32.gif) >![](../public_sys-resources/icon-note.gif) **NOTE:** ->- A **** can wrap at most one [****](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md) and at most one [****](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md). +>- A **** can wrap at most one [****](../reference/arkui-js/js-components-container-tab-bar.md) and at most one [****](../reference/arkui-js/js-components-container-tab-content.md). ## Example Scenario diff --git a/en/application-dev/ui/ui-js-components-button.md b/en/application-dev/ui/ui-js-components-button.md index 792d96eb4f9e47422f1b52865e223cc42981d2f7..4ec1d0d841be8318cfab3f924c239c2054174965 100644 --- a/en/application-dev/ui/ui-js-components-button.md +++ b/en/application-dev/ui/ui-js-components-button.md @@ -1,6 +1,6 @@ # Button -The **** component can be used to set a capsule, circle, text, arc, or download button. For details, see [button](../js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md). +The **** component can be used to set a capsule, circle, text, arc, or download button. For details, see [button](../reference/arkui-js/js-components-basic-button.md). ## Creating a Component diff --git a/en/application-dev/ui/ui-js-components-dialog.md b/en/application-dev/ui/ui-js-components-dialog.md index aafcc11d2970ce3a756d19fbfcee341a48448ecb..429fa0bf422791cbc60e38f671cf2e1fe649e444 100644 --- a/en/application-dev/ui/ui-js-components-dialog.md +++ b/en/application-dev/ui/ui-js-components-dialog.md @@ -1,6 +1,6 @@ # Dialog -The **** component is custom pop-up container for showing critical information or calling for an action. For details, see [dialog](../js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md). +The **** component is custom pop-up container for showing critical information or calling for an action. For details, see [dialog](../reference/arkui-js/js-components-container-dialog.md). ## Creating a Component @@ -134,7 +134,7 @@ export default { ## Example Scenario -Use the **** component to implement a schedule. When the dialog box is open, use the [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md) component to add an event and touch the OK button to obtain the current time and save the input text. The events in the calendar are displayed in a list. +Use the **** component to implement a schedule. When the dialog box is open, use the [****](../reference/arkui-js/js-components-basic-textarea.md) component to add an event and touch the OK button to obtain the current time and save the input text. The events in the calendar are displayed in a list. ``` diff --git a/en/application-dev/ui/ui-js-components-form.md b/en/application-dev/ui/ui-js-components-form.md index c744fe296de2768faf28d686d52467b0aa1563ae..2fe7fbf2b74d6e20abfa40fb70148dcf529553da 100644 --- a/en/application-dev/ui/ui-js-components-form.md +++ b/en/application-dev/ui/ui-js-components-form.md @@ -1,6 +1,6 @@ # Form -The **** component allows the content in [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md) components to be submitted and reset. For details, see [form](../js-reference/js-based-web-like-development-paradigm/js-components-container-form.md). +The **** component allows the content in [****](../reference/arkui-js/js-components-basic-input.md) components to be submitted and reset. For details, see [form](../reference/arkui-js/js-components-container-form.md). >![](../public_sys-resources/icon-note.gif) **NOTE:** >This component is supported since API version 6. @@ -32,7 +32,7 @@ Create a **** component in the **.hml** file under **pages/index**. ## Zooming In or Out on a Form -To implement the zoom effect after a form is clicked, add the **click-effect** attribute to the **** component. For values of **click-effect**, see [Universal Attributes](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md). +To implement the zoom effect after a form is clicked, add the **click-effect** attribute to the **** component. For values of **click-effect**, see [Universal Attributes](../reference/arkui-js/js-components-common-attributes.md). ``` @@ -111,7 +111,7 @@ export default{ Select an option and submit or reset the form data. -Create [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md) components, set their **type** attribute to **checkbox** and **radio**, and use the **onsubmit** and **onreset** events of the **** component to submit and reset the form data. +Create [****](../reference/arkui-js/js-components-basic-input.md) components, set their **type** attribute to **checkbox** and **radio**, and use the **onsubmit** and **onreset** events of the **** component to submit and reset the form data. ``` diff --git a/en/application-dev/ui/ui-js-components-images.md b/en/application-dev/ui/ui-js-components-images.md index d5a3fe48b6227fed49c264d71d7fc8475699f3e4..4c6aebcee11b1eb3c012b2c5c085128552e6e7d1 100644 --- a/en/application-dev/ui/ui-js-components-images.md +++ b/en/application-dev/ui/ui-js-components-images.md @@ -1,6 +1,6 @@ # Image -The **** component is used to render and display images. For details, see [image](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md). +The **** component is used to render and display images. For details, see [image](../reference/arkui-js/js-components-basic-image.md). ## Creating an Component @@ -59,7 +59,7 @@ image{ ## Display Multiple Images -Define a **for** loop to display multiple images cyclically. Set **option** to specify the image scale style. For details about the scale styles, see the description of [object-fit](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md#table175851535113711). +Define a **for** loop to display multiple images cyclically. Set **option** to specify the image scale style. For details about the scale styles, see the description of [object-fit](../reference/arkui-js/js-components-basic-image.md#table175851535113711). ``` diff --git a/en/application-dev/ui/ui-js-components-input.md b/en/application-dev/ui/ui-js-components-input.md index 600db0fad5581d1a2131ffc86cab76456d202f4f..8e32743e5b2d2c4b9955f4556d5753d0dc198371 100644 --- a/en/application-dev/ui/ui-js-components-input.md +++ b/en/application-dev/ui/ui-js-components-input.md @@ -1,6 +1,6 @@ # Input -The **** component provides an interactive way to receive user input of various types, including **date**, **checkbox**, and **button**. For details, see [input](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md). +The **** component provides an interactive way to receive user input of various types, including **date**, **checkbox**, and **button**. For details, see [input](../reference/arkui-js/js-components-basic-input.md). ## Creating an Component diff --git a/en/application-dev/ui/ui-js-components-list.md b/en/application-dev/ui/ui-js-components-list.md index a6caa2692d50b4894bc1d02b573417f657c76fbc..b44533731e1ead6269a22e90d6272cac33f99134 100644 --- a/en/application-dev/ui/ui-js-components-list.md +++ b/en/application-dev/ui/ui-js-components-list.md @@ -1,6 +1,6 @@ # List -The **** component provides a list container that presents a series of list items arranged in a column with the same width. Lists can be used for presenting the same type of data in a multiple and coherent row style. For details, see [list](../js-reference/js-based-web-like-development-paradigm/js-components-container-list.md). +The **** component provides a list container that presents a series of list items arranged in a column with the same width. Lists can be used for presenting the same type of data in a multiple and coherent row style. For details, see [list](../reference/arkui-js/js-components-container-list.md). ## Creating a Component diff --git a/en/application-dev/ui/ui-js-components-picker.md b/en/application-dev/ui/ui-js-components-picker.md index cf2dbdf9ebf78cef0b83be12dab3f342fad7f08e..e20f83233225504bf70bf58d5616767dcd713298 100644 --- a/en/application-dev/ui/ui-js-components-picker.md +++ b/en/application-dev/ui/ui-js-components-picker.md @@ -1,6 +1,6 @@ # Picker -The **** component supports common, date, time, data and time, and multi-column text selectors. For details, see [picker](../js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md). +The **** component supports common, date, time, data and time, and multi-column text selectors. For details, see [picker](../reference/arkui-js/js-components-basic-picker.md). ## Creating a Component diff --git a/en/application-dev/ui/ui-js-components-stepper.md b/en/application-dev/ui/ui-js-components-stepper.md index b29768654823b49ab100f02ff71e4d63b7973d60..ac7f0b51b15f6805f0118d879797d52ae12c9d08 100644 --- a/en/application-dev/ui/ui-js-components-stepper.md +++ b/en/application-dev/ui/ui-js-components-stepper.md @@ -1,6 +1,6 @@ # Stepper -When multiple steps are required to complete a task, you can use the **** component to navigate your users through the whole process. For details, see [stepper](../js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md). +When multiple steps are required to complete a task, you can use the **** component to navigate your users through the whole process. For details, see [stepper](../reference/arkui-js/js-components-container-stepper.md). >![](../public_sys-resources/icon-note.gif) **NOTE:** >This component is supported since API version 5. @@ -278,7 +278,7 @@ export default { Select the options displayed on the page. Your selection will be shown in real time. Click the next button to dynamically change the font color and font size on the page. -Use the **** component to navigate through the steps. Create a [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md) component to implement the functions of selection and displaying the selection result. Then use the [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md) component to dynamically change the font color or size of the selected options. +Use the **** component to navigate through the steps. Create a [****](../reference/arkui-js/js-components-basic-toggle.md) component to implement the functions of selection and displaying the selection result. Then use the [****](../reference/arkui-js/js-components-basic-select.md) component to dynamically change the font color or size of the selected options. ```
diff --git a/en/application-dev/ui/ui-js-components-text.md b/en/application-dev/ui/ui-js-components-text.md index 087d59d6c9c809f83fe77b3e81bd032ab183d18d..c2b8d17fc69fdc67e0046004663040de2243d7ec 100644 --- a/en/application-dev/ui/ui-js-components-text.md +++ b/en/application-dev/ui/ui-js-components-text.md @@ -1,6 +1,6 @@ # Text -The **** component is used to display a piece of textual information. For details, see [text](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md). +The **** component is used to display a piece of textual information. For details, see [text](../reference/arkui-js/js-components-basic-text.md). ## Creating a Component @@ -46,7 +46,7 @@ Set the **color**, **font-size**, and **allow-scale** attributes. - Adding a text modifier -Set the **text-decoration** attribute to add an underline, overline, line-through, or a combination of lines to selected text. For values of **text-decoration**, see [Text Styles](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md#section5775351116). +Set the **text-decoration** attribute to add an underline, overline, line-through, or a combination of lines to selected text. For values of **text-decoration**, see [Text Styles](../reference/arkui-js/js-components-basic-text.md#section5775351116). ``` @@ -110,7 +110,7 @@ Set the **text-overflow** attribute to **ellipsis** so that overflowed text - Setting the text line breaking mode -Set the **word-break** attribute to specify how to break lines of text. For values of **word-break**, see [Text Styles](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md#section5775351116). +Set the **word-break** attribute to specify how to break lines of text. For values of **word-break**, see [Text Styles](../reference/arkui-js/js-components-basic-text.md#section5775351116). ``` @@ -159,7 +159,7 @@ Set the **word-break** attribute to specify how to break lines of text. For va ![](figures/8.png) -- Setting the [****](../js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md) child component +- Setting the [****](../reference/arkui-js/js-components-basic-span.md) child component ``` diff --git a/en/application-dev/ui/ui-js-custom-components.md b/en/application-dev/ui/ui-js-custom-components.md index c42f097c09c625d158a45bdad25644f78c167257..1799c5b51a44cfc754851dc129c239609155bdb6 100644 --- a/en/application-dev/ui/ui-js-custom-components.md +++ b/en/application-dev/ui/ui-js-custom-components.md @@ -93,7 +93,7 @@ The ArkUI that uses the JavaScript-based web-like development paradigm supports ``` -In this example, the parent component passes the customized attribute through **title** to the child component, and the child component receives the attribute value in **props**. The child component passes **text** to the parent through the bound event, and the passed value is obtained via **e.detail**. To successfully bind the child component event to the parent component, ensure that the event name meet the requirements for event binding. For details, see [Basic Usage of Custom Components](../js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md). The following figures show how the custom component works. +In this example, the parent component passes the customized attribute through **title** to the child component, and the child component receives the attribute value in **props**. The child component passes **text** to the parent through the bound event, and the passed value is obtained via **e.detail**. To successfully bind the child component event to the parent component, ensure that the event name meet the requirements for event binding. For details, see [Basic Usage of Custom Components](../reference/arkui-js/js-components-custom-basic-usage.md). The following figures show how the custom component works. **Figure 1** Running effect ![](figures/running-effect.png "running-effect") diff --git a/en/application-dev/ui/ui-ts-components.md b/en/application-dev/ui/ui-ts-components.md index 2b050e130bb2b7c311d4f9fb7efa48f92c04d57e..a0058e6c7411b8b11662f1732e988bf72f79eb52 100644 --- a/en/application-dev/ui/ui-ts-components.md +++ b/en/application-dev/ui/ui-ts-components.md @@ -4,7 +4,7 @@ Before customizing a component, get to know what the [component and decorator]( ## Components and Decorators -In a declarative UI, all pages are composed of components. The data structure of the component is **struct**, and the decorator [@Component](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md) is the component-based flag. The struct decorated by **@Component** indicates that the struct has the component capability. +In a declarative UI, all pages are composed of components. The data structure of the component is **struct**, and the decorator [@Component](../reference/arkui-ts/ts-component-based-component.md) is the component-based flag. The struct decorated by **@Component** indicates that the struct has the component capability. The method for declaring a custom component is as follows: @@ -21,7 +21,7 @@ interface Builder { } ``` -The component decorated by [@Entry](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md) indicates that the component is the main entry of the page and can also be considered as the root node of the page. Note that a page must have one and only one **@Entry**. Only the **@Entry** decorated component and its child components are displayed on the page. +The component decorated by [@Entry](../reference/arkui-ts/ts-component-based-entry.md) indicates that the component is the main entry of the page and can also be considered as the root node of the page. Note that a page must have one and only one **@Entry**. Only the **@Entry** decorated component and its child components are displayed on the page. **@Component** and **@Entry** are basic and important decorators. To put it simply, a decorator assigns a capability to an object to be decorated. For example, **@Entry** assigns the capability of the page entry, and **@Component** assigns the component capability. @@ -76,4 +76,3 @@ When you create a system component, the default style is used. You can change th ![](figures/en-us_image_0000001168888224.png) - diff --git a/zh-cn/application-dev/Readme-CN.md b/zh-cn/application-dev/Readme-CN.md index 16e9eb71a3379856393da92ecb650a008b8f19d0..bed2717108f14cae96bff807db39fc0c3be0572b 100644 --- a/zh-cn/application-dev/Readme-CN.md +++ b/zh-cn/application-dev/Readme-CN.md @@ -11,5 +11,5 @@ - [音频](media/audio.md) - [IPC与RPC通信](connectivity/ipc-rpc.md) - [应用事件打点](application-event-logging/hiappevent.md) -- [JS 开发参考](js-reference/Readme-CN.md) +- [开发参考](reference/Readme-CN.md) diff --git a/zh-cn/application-dev/application-dev-guide.md b/zh-cn/application-dev/application-dev-guide.md index fdbb963b5b3b34b7e2d6cf03723f5ca4e20622c9..e46e1911f2e70fe522e117f8c48ae008479e53e1 100644 --- a/zh-cn/application-dev/application-dev-guide.md +++ b/zh-cn/application-dev/application-dev-guide.md @@ -2,7 +2,7 @@ 应用开发文档用于指导开发者通过OpenHarmony提供的接口完成应用开发。当前应用开发文档提供了在标准系统上开发应用的JS接口。 -在这部分中，开发者可以通过“[入门](quick-start/Readme-CN.md)”来了解应用开发的基本方法。完整的接口清单和参考使用指导可参见“[JS开发参考](js-reference/Readme-CN.md)”。 +在这部分中，开发者可以通过“[入门](quick-start/Readme-CN.md)”来了解应用开发的基本方法。完整的接口清单和参考使用指导可参见“[开发参考](reference/Readme-CN.md)”。 除此之外，为方便开发者对常用功能进行深入理解，还提供了[UI](ui/Readme-CN.md)、[媒体](media/Readme-CN.md)、[网络与连接](connectivity/Readme-CN.md)三个模块的开发指南。 diff --git a/zh-cn/application-dev/js-reference/Readme-CN.md b/zh-cn/application-dev/js-reference/Readme-CN.md deleted file mode 100755 index 600769b95a92b5fe96faa9aabc268acdf535ca2a..0000000000000000000000000000000000000000 --- a/zh-cn/application-dev/js-reference/Readme-CN.md +++ /dev/null @@ -1,367 +0,0 @@ -# JS开发参考 - -- [基于JS扩展的类Web开发范式](js-based-web-like-development-paradigm/js-web-development-like.md) - - [框架说明](js-based-web-like-development-paradigm/js-framework.md) - - [文件组织](js-based-web-like-development-paradigm/js-framework-file.md) - - [js标签配置](js-based-web-like-development-paradigm/js-framework-js-tag.md) - - [app.js](js-based-web-like-development-paradigm/js-framework-js-file.md) - - [语法](js-based-web-like-development-paradigm/js-framework-syntax.md) - - [HML语法参考](js-based-web-like-development-paradigm/js-framework-syntax-hml.md) - - [CSS语法参考](js-based-web-like-development-paradigm/js-framework-syntax-css.md) - - [JS语法参考](js-based-web-like-development-paradigm/js-framework-syntax-js.md) - - - [生命周期](js-based-web-like-development-paradigm/js-framework-lifecycle.md) - - [资源限定与访问](js-based-web-like-development-paradigm/js-framework-resource-restriction.md) - - [多语言支持](js-based-web-like-development-paradigm/js-framework-multiple-languages.md) - - - [组件](js-based-web-like-development-paradigm/js-components.md) - - [通用](js-based-web-like-development-paradigm/js-components-common.md) - - [通用属性](js-based-web-like-development-paradigm/js-components-common-attributes.md) - - [通用样式](js-based-web-like-development-paradigm/js-components-common-styles.md) - - [通用事件](js-based-web-like-development-paradigm/js-components-common-events.md) - - [通用方法](js-based-web-like-development-paradigm/js-components-common-methods.md) - - [动画样式](js-based-web-like-development-paradigm/js-components-common-animation.md) - - [渐变样式](js-based-web-like-development-paradigm/js-components-common-gradient.md) - - [转场样式](js-based-web-like-development-paradigm/js-components-common-transition.md) - - [媒体查询](js-based-web-like-development-paradigm/js-components-common-mediaquery.md) - - [自定义字体样式](js-based-web-like-development-paradigm/js-components-common-customizing-font.md) - - [原子布局](js-based-web-like-development-paradigm/js-components-common-atomic-layout.md) - - - [容器组件](js-based-web-like-development-paradigm/js-components-container.md) - - [badge](js-based-web-like-development-paradigm/js-components-container-badge.md) - - [dialog](js-based-web-like-development-paradigm/js-components-container-dialog.md) - - [div](js-based-web-like-development-paradigm/js-components-container-div.md) - - [form](js-based-web-like-development-paradigm/js-components-container-form.md) - - [list](js-based-web-like-development-paradigm/js-components-container-list.md) - - [list-item](js-based-web-like-development-paradigm/js-components-container-list-item.md) - - [list-item-group](js-based-web-like-development-paradigm/js-components-container-list-item-group.md) - - [panel](js-based-web-like-development-paradigm/js-components-container-panel.md) - - [popup](js-based-web-like-development-paradigm/js-components-container-popup.md) - - [refresh](js-based-web-like-development-paradigm/js-components-container-refresh.md) - - [stack](js-based-web-like-development-paradigm/js-components-container-stack.md) - - [stepper](js-based-web-like-development-paradigm/js-components-container-stepper.md) - - [stepper-item](js-based-web-like-development-paradigm/js-components-container-stepper-item.md) - - [swiper](js-based-web-like-development-paradigm/js-components-container-swiper.md) - - [tabs](js-based-web-like-development-paradigm/js-components-container-tabs.md) - - [tab-bar](js-based-web-like-development-paradigm/js-components-container-tab-bar.md) - - [tab-content](js-based-web-like-development-paradigm/js-components-container-tab-content.md) - - - [基础组件](js-based-web-like-development-paradigm/js-components-basic.md) - - [button](js-based-web-like-development-paradigm/js-components-basic-button.md) - - [chart](js-based-web-like-development-paradigm/js-components-basic-chart.md) - - [divider](js-based-web-like-development-paradigm/js-components-basic-divider.md) - - [image](js-based-web-like-development-paradigm/js-components-basic-image.md) - - [image-animator](js-based-web-like-development-paradigm/js-components-basic-image-animator.md) - - [input](js-based-web-like-development-paradigm/js-components-basic-input.md) - - [label](js-based-web-like-development-paradigm/js-components-basic-label.md) - - [marquee](js-based-web-like-development-paradigm/js-components-basic-marquee.md) - - [menu](js-based-web-like-development-paradigm/js-components-basic-menu.md) - - [option](js-based-web-like-development-paradigm/js-components-basic-option.md) - - [picker](js-based-web-like-development-paradigm/js-components-basic-picker.md) - - [picker-view](js-based-web-like-development-paradigm/js-components-basic-picker-view.md) - - [piece](js-based-web-like-development-paradigm/js-components-basic-piece.md) - - [progress](js-based-web-like-development-paradigm/js-components-basic-progress.md) - - [qrcode](js-based-web-like-development-paradigm/js-components-basic-qrcode.md) - - [rating](js-based-web-like-development-paradigm/js-components-basic-rating.md) - - [richtext](js-based-web-like-development-paradigm/js-components-basic-richtext.md) - - [search](js-based-web-like-development-paradigm/js-components-basic-search.md) - - [select](js-based-web-like-development-paradigm/js-components-basic-select.md) - - [slider](js-based-web-like-development-paradigm/js-components-basic-slider.md) - - [span](js-based-web-like-development-paradigm/js-components-basic-span.md) - - [switch](js-based-web-like-development-paradigm/js-components-basic-switch.md) - - [text](js-based-web-like-development-paradigm/js-components-basic-text.md) - - [textarea](js-based-web-like-development-paradigm/js-components-basic-textarea.md) - - [toolbar](js-based-web-like-development-paradigm/js-components-basic-toolbar.md) - - [toolbar-item](js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md) - - [toggle](js-based-web-like-development-paradigm/js-components-basic-toggle.md) - - - [媒体组件](js-based-web-like-development-paradigm/js-components-media.md) - - [video](js-based-web-like-development-paradigm/js-components-media-video.md) - - - [画布组件](js-based-web-like-development-paradigm/js-components-canvas.md) - - [canvas组件](js-based-web-like-development-paradigm/js-components-canvas-canvas.md) - - [CanvasRenderingContext2D对象](js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md) - - [Image对象](js-based-web-like-development-paradigm/js-components-canvas-image.md) - - [CanvasGradient对象](js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md) - - [ImageData对象](js-based-web-like-development-paradigm/js-components-canvas-imagedata.md) - - [Path2D对象](js-based-web-like-development-paradigm/js-components-canvas-path2d.md) - - [ImageBitmap对象](js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md) - - [OffscreenCanvas对象](js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md) - - [OffscreenCanvasRenderingContext2D对象](js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md) - - - [栅格组件](js-based-web-like-development-paradigm/js-components-grid.md) - - [基本概念](js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md) - - [grid-container](js-based-web-like-development-paradigm/js-components-grid-container.md) - - [grid-row](js-based-web-like-development-paradigm/js-components-grid-row.md) - - [grid-col](js-based-web-like-development-paradigm/js-components-grid-col.md) - - - [svg组件](js-based-web-like-development-paradigm/js-svg.md) - - [通用属性](js-based-web-like-development-paradigm/js-components-svg-common-attributes.md) - - [svg](js-based-web-like-development-paradigm/js-components-svg.md) - - [rect](js-based-web-like-development-paradigm/js-components-svg-rect.md) - - [circle](js-based-web-like-development-paradigm/js-components-svg-circle.md) - - [ellipse](js-based-web-like-development-paradigm/js-components-svg-ellipse.md) - - [path](js-based-web-like-development-paradigm/js-components-svg-path.md) - - [line](js-based-web-like-development-paradigm/js-components-svg-line.md) - - [polyline](js-based-web-like-development-paradigm/js-components-svg-polyline.md) - - [polygon](js-based-web-like-development-paradigm/js-components-svg-polygon.md) - - [text](js-based-web-like-development-paradigm/js-components-svg-text.md) - - [tspan](js-based-web-like-development-paradigm/js-components-svg-tspan.md) - - [textPath](js-based-web-like-development-paradigm/js-components-svg-textpath.md) - - [animate](js-based-web-like-development-paradigm/js-components-svg-animate.md) - - [animateMotion](js-based-web-like-development-paradigm/js-components-svg-animatemotion.md) - - [animateTransform](js-based-web-like-development-paradigm/js-components-svg-animatetransform.md) - - - [自定义组件](js-based-web-like-development-paradigm/js-components-custom.md) - - [基本用法](js-based-web-like-development-paradigm/js-components-custom-basic-usage.md) - - [自定义事件](js-based-web-like-development-paradigm/js-components-custom-events.md) - - [Props](js-based-web-like-development-paradigm/js-components-custom-props.md) - - [事件参数](js-based-web-like-development-paradigm/js-components-custom-event-parameter.md) - - [slot插槽](js-based-web-like-development-paradigm/js-components-custom-slot.md) - - [生命周期定义](js-based-web-like-development-paradigm/js-components-custom-lifecycle.md) - - - [附录](js-based-web-like-development-paradigm/js-appendix.md) - - [类型说明](js-based-web-like-development-paradigm/js-appendix-types.md) - -- [基于TS扩展的声明式开发范式](ts-based-declarative-development-paradigm/ts-declarative.md) - - [框架说明](ts-based-declarative-development-paradigm/ts-framework-framework.md) - - [文件组织](ts-based-declarative-development-paradigm/ts-framework-file.md) - - [目录结构](ts-based-declarative-development-paradigm/ts-framework-directory.md) - - [应用代码文件访问规则](ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md) - - - [js标签配置](ts-based-declarative-development-paradigm/ts-framework-js-tag.md) - - [资源访问](ts-based-declarative-development-paradigm/ts-resource-access.md) - - [媒体资源类型说明](ts-based-declarative-development-paradigm/ts-media-resource-type.md) - - - [像素单位](ts-based-declarative-development-paradigm/ts-pixel-units.md) - - [类型定义](ts-based-declarative-development-paradigm/ts-types.md) - - - [声明式语法](ts-based-declarative-development-paradigm/ts-declarative-syntax.md) - - [描述规范使用说明](ts-based-declarative-development-paradigm/ts-syntax-intro.md) - - [通用UI描述规范](ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md) - - [基本概念](ts-based-declarative-development-paradigm/ts-general-ui-concepts.md) - - [声明式UI描述规范](ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md) - - [无构造参数配置](ts-based-declarative-development-paradigm/ts-parameterless-configuration.md) - - [必选参数构造配置](ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md) - - [属性配置](ts-based-declarative-development-paradigm/ts-attribution-configuration.md) - - [事件配置](ts-based-declarative-development-paradigm/ts-event-configuration.md) - - [子组件配置](ts-based-declarative-development-paradigm/ts-child-component-configuration.md) - - - [组件化](ts-based-declarative-development-paradigm/ts-component-based.md) - - [@Component](ts-based-declarative-development-paradigm/ts-component-based-component.md) - - [@Entry](ts-based-declarative-development-paradigm/ts-component-based-entry.md) - - [@Preview](ts-based-declarative-development-paradigm/ts-component-based-preview.md) - - [@Builder](ts-based-declarative-development-paradigm/ts-component-based-builder.md) - - [@Extend](ts-based-declarative-development-paradigm/ts-component-based-extend.md) - - [@CustomDialog](ts-based-declarative-development-paradigm/ts-component-based-customdialog.md) - - - [UI状态管理](ts-based-declarative-development-paradigm/ts-ui-state-management.md) - - [基本概念](ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md) - - [管理组件拥有的状态](ts-based-declarative-development-paradigm/ts-managing-component-states.md) - - [@State](ts-based-declarative-development-paradigm/ts-component-states-state.md) - - [@Prop](ts-based-declarative-development-paradigm/ts-component-states-prop.md) - - [@Link](ts-based-declarative-development-paradigm/ts-component-states-link.md) - - - [管理应用程序的状态](ts-based-declarative-development-paradigm/ts-managing-application-states.md) - - [接口](ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md) - - [应用程序的数据存储](ts-based-declarative-development-paradigm/ts-application-states-appstorage.md) - - [持久化数据管理](ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md) - - [环境变量](ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md) - - - [AppStorage与组件同步](ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md) - - - [其他类目的状态管理](ts-based-declarative-development-paradigm/ts-managing-other-states.md) - - [Observed和ObjectLink数据管理](ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md) - - [@Consume和@Provide数据管理](ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md) - - [@Watch](ts-based-declarative-development-paradigm/ts-other-states-watch.md) - - - [渲染控制语法](ts-based-declarative-development-paradigm/ts-rending-control-syntax.md) - - [条件渲染](ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md) - - [循环渲染](ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md) - - [数据懒加载](ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md) - - - [深入理解组件化](ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md) - - [build函数](ts-based-declarative-development-paradigm/ts-function-build.md) - - [自定义组件初始化](ts-based-declarative-development-paradigm/ts-custom-component-initialization.md) - - [自定义组件生命周期回调函数](ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md) - - [组件创建和重新初始化示例](ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md) - - - [语法糖](ts-based-declarative-development-paradigm/ts-syntactic-sugar.md) - - [装饰器](ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md) - - [链式调用](ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md) - - [struct对象](ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md) - - [在实例化过程中省略"new"](ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md) - - [组件创建使用独立一行](ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md) - - [生成器函数内使用TS语言的限制](ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md) - - - [组件](ts-based-declarative-development-paradigm/ts-components.md) - - [通用](ts-based-declarative-development-paradigm/ts-universal-components.md) - - [通用事件](ts-based-declarative-development-paradigm/ts-universal-events.md) - - [点击事件](ts-based-declarative-development-paradigm/ts-universal-events-click.md) - - [触摸事件](ts-based-declarative-development-paradigm/ts-universal-events-touch.md) - - [挂载卸载事件](ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md) - - [按键事件](ts-based-declarative-development-paradigm/ts-universal-events-key.md) - - - [通用属性](ts-based-declarative-development-paradigm/ts-universal-attributes.md) - - [尺寸设置](ts-based-declarative-development-paradigm/ts-universal-attributes-size.md) - - [位置设置](ts-based-declarative-development-paradigm/ts-universal-attributes-location.md) - - [布局约束](ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md) - - [Flex布局](ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md) - - [边框设置](ts-based-declarative-development-paradigm/ts-universal-attributes-border.md) - - [背景设置](ts-based-declarative-development-paradigm/ts-universal-attributes-background.md) - - [透明度设置](ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md) - - [显隐控制](ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md) - - [禁用控制](ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md) - - [浮层](ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md) - - [Z序控制](ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md) - - [图形变换](ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md) - - [图像效果](ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md) - - [形状裁剪](ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md) - - [文本样式设置](ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md) - - [栅格设置](ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md) - - [颜色渐变](ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md) - - [Popup控制](ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md) - - [Menu控制](ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md) - - - [手势处理](ts-based-declarative-development-paradigm/ts-gesture-processing.md) - - [绑定手势方法](ts-based-declarative-development-paradigm/ts-gesture-settings.md) - - [基础手势](ts-based-declarative-development-paradigm/ts-basic-gestures.md) - - [TapGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md) - - [LongPressGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md) - - [PanGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md) - - [PinchGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md) - - [RotationGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md) - - - [组合手势](ts-based-declarative-development-paradigm/ts-combined-gestures.md) - - - [基础组件](ts-based-declarative-development-paradigm/ts-basic-components.md) - - [Blank](ts-based-declarative-development-paradigm/ts-basic-components-blank.md) - - [Button](ts-based-declarative-development-paradigm/ts-basic-components-button.md) - - [DataPanel](ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md) - - [Divider](ts-based-declarative-development-paradigm/ts-basic-components-divider.md) - - [Image](ts-based-declarative-development-paradigm/ts-basic-components-image.md) - - [ImageAnimator](ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md) - - [Progress](ts-based-declarative-development-paradigm/ts-basic-components-progress.md) - - [QRCode](ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md) - - [Rating](ts-based-declarative-development-paradigm/ts-basic-components-rating.md) - - [Span](ts-based-declarative-development-paradigm/ts-basic-components-span.md) - - [Slider](ts-based-declarative-development-paradigm/ts-basic-components-slider.md) - - [Text](ts-based-declarative-development-paradigm/ts-basic-components-text.md) - - - [容器组件](ts-based-declarative-development-paradigm/ts-components-container.md) - - [AlphabetIndexer](ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md) - - [Badge](ts-based-declarative-development-paradigm/ts-container-badge.md) - - [Column](ts-based-declarative-development-paradigm/ts-container-column.md) - - [ColumnSplit](ts-based-declarative-development-paradigm/ts-container-columnsplit.md) - - [Counter](ts-based-declarative-development-paradigm/ts-container-counter.md) - - [Flex](ts-based-declarative-development-paradigm/ts-container-flex.md) - - [GridContainer](ts-based-declarative-development-paradigm/ts-container-gridcontainer.md) - - [Grid](ts-based-declarative-development-paradigm/ts-container-grid.md) - - [GridItem](ts-based-declarative-development-paradigm/ts-container-griditem.md) - - [List](ts-based-declarative-development-paradigm/ts-container-list.md) - - [ListItem](ts-based-declarative-development-paradigm/ts-container-listitem.md) - - [Navigator](ts-based-declarative-development-paradigm/ts-container-navigator.md) - - [Panel](ts-based-declarative-development-paradigm/ts-container-panel.md) - - [Row](ts-based-declarative-development-paradigm/ts-container-row.md) - - [RowSplit](ts-based-declarative-development-paradigm/ts-container-rowsplit.md) - - [Scroll](ts-based-declarative-development-paradigm/ts-container-scroll.md) - - [Stack](ts-based-declarative-development-paradigm/ts-container-stack.md) - - [Swiper](ts-based-declarative-development-paradigm/ts-container-swiper.md) - - [Tabs](ts-based-declarative-development-paradigm/ts-container-tabs.md) - - [TabContent](ts-based-declarative-development-paradigm/ts-container-tabcontent.md) - - - [绘制组件](ts-based-declarative-development-paradigm/ts-drawing-components.md) - - [Circle](ts-based-declarative-development-paradigm/ts-drawing-components-circle.md) - - [Ellipse](ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md) - - [Line](ts-based-declarative-development-paradigm/ts-drawing-components-line.md) - - [Polyline](ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md) - - [Polygon](ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md) - - [Path](ts-based-declarative-development-paradigm/ts-drawing-components-path.md) - - [Rect](ts-based-declarative-development-paradigm/ts-drawing-components-rect.md) - - [Shape](ts-based-declarative-development-paradigm/ts-drawing-components-shape.md) - - - [动画](ts-based-declarative-development-paradigm/ts-animation.md) - - [属性动画](ts-based-declarative-development-paradigm/ts-animatorproperty.md) - - [显式动画](ts-based-declarative-development-paradigm/ts-explicit-animation.md) - - [转场动画](ts-based-declarative-development-paradigm/ts-transition-animation.md) - - [页面间转场](ts-based-declarative-development-paradigm/ts-page-transition-animation.md) - - [组件内转场](ts-based-declarative-development-paradigm/ts-transition-animation-component.md) - - [共享元素转场](ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md) - - - [路径动画](ts-based-declarative-development-paradigm/ts-motion-path-animation.md) - - [矩阵变换](ts-based-declarative-development-paradigm/ts-matrix-transformation.md) - - [插值计算](ts-based-declarative-development-paradigm/ts-interpolation-calculation.md) - - - [全局UI方法](ts-based-declarative-development-paradigm/ts-global-ui-methods.md) - - [警告弹窗](ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md) - - [自定义弹窗](ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md) - - [图片缓存](ts-based-declarative-development-paradigm/ts-methods-image-cache.md) - - [媒体查询](ts-based-declarative-development-paradigm/ts-methods-media-query.md) - - - [附录](ts-based-declarative-development-paradigm/ts-appendix.md) - - [文档中涉及到的内置枚举值](ts-based-declarative-development-paradigm/ts-appendix-enums.md) - -- [接口](apis/js-apis.md) - - [Ability框架](apis/js-apis-ability.md) - - [FeatureAbility模块](apis/js-apis-featureAbility.md) - - [ParticleAbility模块](apis/js-apis-particleAbility.md) - - [DataAbilityHelper模块](apis/js-apis-dataAbilityHelper.md) - - [DataUriUtils模块](apis/js-apis-DataUriUtils.md) - - [Bundle模块](apis/js-apis-Bundle.md) - - [CommonEvent模块](apis/js-apis-commonEvent.md) - - [Notification模块](apis/js-apis-notification.md) - - [Context模块](apis/js-apis-Context.md) - - [资源管理](apis/js-apis-resource.md) - - [资源管理](apis/js-apis-resource-manager.md) - - [国际化（I18n）](apis/js-apis-i18n.md) - - [国际化（Intl）](apis/js-apis-intl.md) - - [媒体](apis/js-apis-multmedia.md) - - [音频管理](apis/js-apis-audio.md) - - [音频播放](apis/js-apis-media.md) - - [音频录制](apis/js-apis-recorder.md) - - [数据管理](apis/js-apis-data.md) - - [文件管理](apis/js-apis-fileio.md) - - [轻量级存储](apis/js-apis-data-storage.md) - - [分布式数据管理](apis/js-apis-distributed-data.md) - - [关系型数据库](apis/js-apis-data-rdb.md) - - [结果集](apis/js-apis-data-resultset.md) - - [DataAbility 谓词](apis/js-apis-data-ability.md) - - [账号管理](apis/js-apis-account.md) - - [分布式帐号管理](apis/js-apis-distributed-account.md) - - [电话服务](apis/js-apis-telephony.md) - - [拨打电话](apis/js-apis-call.md) - - [短信服务](apis/js-apis-sms.md) - - [SIM卡管理](apis/js-apis-sim.md) - - [网络搜索](apis/js-apis-radio.md) - - [网络与连接](apis/js-apis-connectivity.md) - - [WLAN](apis/js-apis-wifi.md) - - [设备管理](apis/js-apis-device-mgmt.md) - - [传感器](apis/js-apis-sensor.md) - - [振动](apis/js-apis-vibrator.md) - - [屏幕亮度](apis/js-apis-brightness.md) - - [电量信息](apis/js-apis-battery-info.md) - - [系统电源管理](apis/js-apis-power.md) - - [Runninglock锁](apis/js-apis-runninglock.md) - - [设备信息](apis/js-apis-device-info.md) - - [系统属性](apis/js-apis-system-parameter.md) - - [设备管理](apis/js-apis-device-manager.md) - - [显示设备属性](apis/js-apis-display.md) - - [升级](apis/js-apis-libupdateclient.md) - - [启动恢复](apis/js-apis-update.md) - - [基本功能](apis/js-apis-basic-features.md) - - [应用上下文](apis/js-apis-basic-features-app-context.md) - - [日志打印](apis/js-apis-basic-features-logs.md) - - [页面路由](apis/js-apis-basic-features-routes.md) - - [弹窗](apis/js-apis-basic-features-pop-up.md) - - [应用配置](apis/js-apis-basic-features-configuration.md) - - [定时器](apis/js-apis-basic-features-timer.md) - - [设置系统时间](apis/js-apis-system-time.md) - - [动画](apis/js-apis-basic-features-animator.md) - - [应用打点](apis/js-apis-hiappevent.md) - - [性能打点](apis/js-apis-bytrace.md) - - [语言基础类库](apis/js-apis-base-library.md) - - [获取进程相关的信息](apis/js-apis-process.md) - - [URL字符串解析](apis/js-apis-url.md) - - [字符串编解码](apis/js-apis-util.md) - - [启动一个worker](apis/js-apis-worker.md) - diff --git a/zh-cn/application-dev/reference/Readme-CN.md b/zh-cn/application-dev/reference/Readme-CN.md new file mode 100644 index 0000000000000000000000000000000000000000..7e992dd2cbc60f977cfbcba1501c358fc575e8c4 --- /dev/null +++ b/zh-cn/application-dev/reference/Readme-CN.md @@ -0,0 +1,8 @@ +# 开发参考 + +- [基于JS扩展的类Web开发范式](arkui-js/Readme-CN.md) + +- [基于TS扩展的声明式开发范式](arkui-ts/Readme-CN.md) + +- [接口](apis/Readme-CN.md) + diff --git a/zh-cn/application-dev/reference/apis/Readme-CN.md b/zh-cn/application-dev/reference/apis/Readme-CN.md new file mode 100644 index 0000000000000000000000000000000000000000..6b9e5f8b62902c0ace05e3682c88106cf690ac87 --- /dev/null +++ b/zh-cn/application-dev/reference/apis/Readme-CN.md @@ -0,0 +1,64 @@ +# 接口 + +- [Ability框架](js-apis-ability.md) + - [FeatureAbility模块](js-apis-featureAbility.md) + - [ParticleAbility模块](js-apis-particleAbility.md) + - [DataAbilityHelper模块](js-apis-dataAbilityHelper.md) + - [DataUriUtils模块](js-apis-DataUriUtils.md) + - [Bundle模块](js-apis-Bundle.md) + - [CommonEvent模块](js-apis-commonEvent.md) + - [Notification模块](js-apis-notification.md) + - [Context模块](js-apis-Context.md) +- [资源管理](js-apis-resource.md) + - [资源管理](js-apis-resource-manager.md) + - [国际化（I18n）](js-apis-i18n.md) + - [国际化（Intl）](js-apis-intl.md) +- [媒体](js-apis-multmedia.md) + - [音频管理](js-apis-audio.md) + - [音频播放](js-apis-media.md) + - [音频录制](js-apis-recorder.md) +- [数据管理](js-apis-data.md) + - [文件管理](js-apis-fileio.md) + - [轻量级存储](js-apis-data-storage.md) + - [分布式数据管理](js-apis-distributed-data.md) + - [关系型数据库](js-apis-data-rdb.md) + - [结果集](js-apis-data-resultset.md) + - [DataAbility 谓词](js-apis-data-ability.md) +- [账号管理](js-apis-account.md) + - [分布式帐号管理](js-apis-distributed-account.md) +- [电话服务](js-apis-telephony.md) + - [拨打电话](js-apis-call.md) + - [短信服务](js-apis-sms.md) + - [SIM卡管理](js-apis-sim.md) + - [网络搜索](js-apis-radio.md) +- [网络与连接](js-apis-connectivity.md) + - [WLAN](js-apis-wifi.md) +- [设备管理](js-apis-device-mgmt.md) + - [传感器](js-apis-sensor.md) + - [振动](js-apis-vibrator.md) + - [屏幕亮度](js-apis-brightness.md) + - [电量信息](js-apis-battery-info.md) + - [系统电源管理](js-apis-power.md) + - [Runninglock锁](js-apis-runninglock.md) + - [设备信息](js-apis-device-info.md) + - [系统属性](js-apis-system-parameter.md) + - [设备管理](js-apis-device-manager.md) + - [显示设备属性](js-apis-display.md) + - [升级](js-apis-libupdateclient.md) +- [基本功能](js-apis-basic-features.md) + - [应用上下文](js-apis-basic-features-app-context.md) + - [日志打印](js-apis-basic-features-logs.md) + - [页面路由](js-apis-basic-features-routes.md) + - [弹窗](js-apis-basic-features-pop-up.md) + - [应用配置](js-apis-basic-features-configuration.md) + - [定时器](js-apis-basic-features-timer.md) + - [设置系统时间](js-apis-system-time.md) + - [动画](js-apis-basic-features-animator.md) + - [应用打点](js-apis-hiappevent.md) + - [性能打点](js-apis-bytrace.md) +- [语言基础类库](js-apis-base-library.md) + - [获取进程相关的信息](js-apis-process.md) + - [URL字符串解析](js-apis-url.md) + - [字符串编解码](js-apis-util.md) + - [启动一个worker](js-apis-worker.md) + diff --git a/zh-cn/application-dev/js-reference/apis/figures/zh-cn_image_0000001164217678.png b/zh-cn/application-dev/reference/apis/figures/zh-cn_image_0000001164217678.png similarity index 100% rename from zh-cn/application-dev/js-reference/apis/figures/zh-cn_image_0000001164217678.png rename to zh-cn/application-dev/reference/apis/figures/zh-cn_image_0000001164217678.png diff --git "a/zh-cn/application-dev/js-reference/apis/figures/\346\211\223\345\215\260\346\227\245\345\277\227.png" "b/zh-cn/application-dev/reference/apis/figures/\346\211\223\345\215\260\346\227\245\345\277\227.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/apis/figures/\346\211\223\345\215\260\346\227\245\345\277\227.png" rename to "zh-cn/application-dev/reference/apis/figures/\346\211\223\345\215\260\346\227\245\345\277\227.png" diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-Bundle.md b/zh-cn/application-dev/reference/apis/js-apis-Bundle.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-Bundle.md rename to zh-cn/application-dev/reference/apis/js-apis-Bundle.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-Context.md b/zh-cn/application-dev/reference/apis/js-apis-Context.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-Context.md rename to zh-cn/application-dev/reference/apis/js-apis-Context.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-DataUriUtils.md b/zh-cn/application-dev/reference/apis/js-apis-DataUriUtils.md similarity index 95% rename from zh-cn/application-dev/js-reference/apis/js-apis-DataUriUtils.md rename to zh-cn/application-dev/reference/apis/js-apis-DataUriUtils.md index b48444381fb7f1847dd65432d10efdfb0b892a63..876057ea7d8dc0889f376ed4badf779fa424a5e8 100644 --- a/zh-cn/application-dev/js-reference/apis/js-apis-DataUriUtils.md +++ b/zh-cn/application-dev/reference/apis/js-apis-DataUriUtils.md @@ -1,122 +1,122 @@ -### DataUriUtils模块(JS端SDK接口) - -#### 权限列表 - -ohos.permission.RUNNING_LOCK permission - -#### 导入模块 - -```js -import notify from '@ohos.ability.dataUriUtils'; -``` - -#### DataUriUtils.getId(uri: string) - -- 接口说明 - - 获取附加到给定uri的路径组件末尾的ID - -- 参数描述 - - -| 名称 | 读写属性 | 类型 | 必填 | 描述 | -| ---- | -------- | ------ | ---- | ------------------------- | -| uri | 只读 | string | 是 | 指示要从中获取ID的uri对象 | - -- 返回值 - - 附加到路径组件末尾的ID - -- 示例 - -```js -import dataUriUtils from '@ohos.ability.datauriutils' -dataUriUtils.getIdSync("com.example.dataUriUtils/1221") -``` - - - -#### DataUriUtils.attachId(uri: string, id: number) - -- 接口说明 - - 将给定ID附加到给定uri的路径组件的末尾 - -- 参数描述 - - -| 名称 | 读写属性 | 类型 | 必填 | 描述 | -| ---- | -------- | ------ | ---- | ------------------------- | -| uri | 只读 | string | 是 | 指示要从中获取ID的uri对象 | -| id | 只读 | number | 是 | 指示要附加的ID | - -- 返回值 - - 附加给定ID的uri对象 - -- 示例 - -```js -import dataUriUtils from '@ohos.ability.datauriutils' -var idint = 1122; -dataUriUtils.attachId( - "com.example.dataUriUtils" - idint, -) -``` - - - -#### DataUriUtils.deleteId(uri: string) - -- 接口说明 - - 从给定uri的路径组件的末尾删除ID - -- 参数描述 - - | 名称 | 读写属性 | 类型 | 必填 | 描述 | - | ---- | -------- | ------ | ---- | ------------------------- | - | uri | 只读 | string | 是 | 指示要从中删除ID的uri对象 | - -- 返回值 - - ID已删除的uri对象 - -- 示例 - -```js -import dataUriUtils from '@ohos.ability.datauriutils' -dataUriUtils.deleteId("com.example.dataUriUtils/1221") -``` - - - -#### DataUriUtils.updateId(uri: string, id: number) - -- 接口说明 - - 更新指定uri中的ID - -- updateId参数描述 - - | 名称 | 读写属性 | 类型 | 必填 | 描述 | - | ---- | -------- | ------ | ---- | ------------------- | - | uri | 只读 | string | 是 | 指示要更新的uri对象 | - | id | 只读 | number | 是 | 指示新ID | - -- 返回值 - - 更新的uri对象 - -- 示例 - -```js -import dataUriUtils from '@ohos.ability.datauriutils' -var idint = 1122; -dataUriUtils.updateId( - "com.example.dataUriUtils" - idint, -) -``` - +### DataUriUtils模块(JS端SDK接口) + +#### 权限列表 + +ohos.permission.RUNNING_LOCK permission + +#### 导入模块 + +```js +import notify from '@ohos.ability.dataUriUtils'; +``` + +#### DataUriUtils.getId(uri: string) + +- 接口说明 + + 获取附加到给定uri的路径组件末尾的ID + +- 参数描述 + + +| 名称 | 读写属性 | 类型 | 必填 | 描述 | +| ---- | -------- | ------ | ---- | ------------------------- | +| uri | 只读 | string | 是 | 指示要从中获取ID的uri对象 | + +- 返回值 + + 附加到路径组件末尾的ID + +- 示例 + +```js +import dataUriUtils from '@ohos.ability.datauriutils' +dataUriUtils.getIdSync("com.example.dataUriUtils/1221") +``` + + + +#### DataUriUtils.attachId(uri: string, id: number) + +- 接口说明 + + 将给定ID附加到给定uri的路径组件的末尾 + +- 参数描述 + + +| 名称 | 读写属性 | 类型 | 必填 | 描述 | +| ---- | -------- | ------ | ---- | ------------------------- | +| uri | 只读 | string | 是 | 指示要从中获取ID的uri对象 | +| id | 只读 | number | 是 | 指示要附加的ID | + +- 返回值 + + 附加给定ID的uri对象 + +- 示例 + +```js +import dataUriUtils from '@ohos.ability.datauriutils' +var idint = 1122; +dataUriUtils.attachId( + "com.example.dataUriUtils" + idint, +) +``` + + + +#### DataUriUtils.deleteId(uri: string) + +- 接口说明 + + 从给定uri的路径组件的末尾删除ID + +- 参数描述 + + | 名称 | 读写属性 | 类型 | 必填 | 描述 | + | ---- | -------- | ------ | ---- | ------------------------- | + | uri | 只读 | string | 是 | 指示要从中删除ID的uri对象 | + +- 返回值 + + ID已删除的uri对象 + +- 示例 + +```js +import dataUriUtils from '@ohos.ability.datauriutils' +dataUriUtils.deleteId("com.example.dataUriUtils/1221") +``` + + + +#### DataUriUtils.updateId(uri: string, id: number) + +- 接口说明 + + 更新指定uri中的ID + +- updateId参数描述 + + | 名称 | 读写属性 | 类型 | 必填 | 描述 | + | ---- | -------- | ------ | ---- | ------------------- | + | uri | 只读 | string | 是 | 指示要更新的uri对象 | + | id | 只读 | number | 是 | 指示新ID | + +- 返回值 + + 更新的uri对象 + +- 示例 + +```js +import dataUriUtils from '@ohos.ability.datauriutils' +var idint = 1122; +dataUriUtils.updateId( + "com.example.dataUriUtils" + idint, +) +``` + diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-ability.md b/zh-cn/application-dev/reference/apis/js-apis-ability.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-ability.md rename to zh-cn/application-dev/reference/apis/js-apis-ability.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-account.md b/zh-cn/application-dev/reference/apis/js-apis-account.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-account.md rename to zh-cn/application-dev/reference/apis/js-apis-account.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-audio.md b/zh-cn/application-dev/reference/apis/js-apis-audio.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-audio.md rename to zh-cn/application-dev/reference/apis/js-apis-audio.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-base-library.md b/zh-cn/application-dev/reference/apis/js-apis-base-library.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-base-library.md rename to zh-cn/application-dev/reference/apis/js-apis-base-library.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-animator.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-animator.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-animator.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-animator.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-app-context.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-app-context.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-app-context.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-app-context.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-configuration.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-configuration.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-configuration.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-configuration.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-logs.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-logs.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-logs.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-logs.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-pop-up.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-pop-up.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-pop-up.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-pop-up.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-routes.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-routes.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-routes.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-routes.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features-timer.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features-timer.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features-timer.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features-timer.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-basic-features.md b/zh-cn/application-dev/reference/apis/js-apis-basic-features.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-basic-features.md rename to zh-cn/application-dev/reference/apis/js-apis-basic-features.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-battery-info.md b/zh-cn/application-dev/reference/apis/js-apis-battery-info.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-battery-info.md rename to zh-cn/application-dev/reference/apis/js-apis-battery-info.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-brightness.md b/zh-cn/application-dev/reference/apis/js-apis-brightness.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-brightness.md rename to zh-cn/application-dev/reference/apis/js-apis-brightness.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-bytrace.md b/zh-cn/application-dev/reference/apis/js-apis-bytrace.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-bytrace.md rename to zh-cn/application-dev/reference/apis/js-apis-bytrace.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-call.md b/zh-cn/application-dev/reference/apis/js-apis-call.md old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-call.md rename to zh-cn/application-dev/reference/apis/js-apis-call.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-commonEvent.md b/zh-cn/application-dev/reference/apis/js-apis-commonEvent.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-commonEvent.md rename to zh-cn/application-dev/reference/apis/js-apis-commonEvent.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-connectivity.md b/zh-cn/application-dev/reference/apis/js-apis-connectivity.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-connectivity.md rename to zh-cn/application-dev/reference/apis/js-apis-connectivity.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-data-ability.md b/zh-cn/application-dev/reference/apis/js-apis-data-ability.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-data-ability.md rename to zh-cn/application-dev/reference/apis/js-apis-data-ability.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-data-rdb.md b/zh-cn/application-dev/reference/apis/js-apis-data-rdb.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-data-rdb.md rename to zh-cn/application-dev/reference/apis/js-apis-data-rdb.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-data-resultset.md b/zh-cn/application-dev/reference/apis/js-apis-data-resultset.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-data-resultset.md rename to zh-cn/application-dev/reference/apis/js-apis-data-resultset.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-data-storage.md b/zh-cn/application-dev/reference/apis/js-apis-data-storage.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-data-storage.md rename to zh-cn/application-dev/reference/apis/js-apis-data-storage.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-data.md b/zh-cn/application-dev/reference/apis/js-apis-data.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-data.md rename to zh-cn/application-dev/reference/apis/js-apis-data.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-dataAbilityHelper.md b/zh-cn/application-dev/reference/apis/js-apis-dataAbilityHelper.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-dataAbilityHelper.md rename to zh-cn/application-dev/reference/apis/js-apis-dataAbilityHelper.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-device-info.md b/zh-cn/application-dev/reference/apis/js-apis-device-info.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-device-info.md rename to zh-cn/application-dev/reference/apis/js-apis-device-info.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-device-manager.md b/zh-cn/application-dev/reference/apis/js-apis-device-manager.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-device-manager.md rename to zh-cn/application-dev/reference/apis/js-apis-device-manager.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-device-mgmt.md b/zh-cn/application-dev/reference/apis/js-apis-device-mgmt.md similarity index 93% rename from zh-cn/application-dev/js-reference/apis/js-apis-device-mgmt.md rename to zh-cn/application-dev/reference/apis/js-apis-device-mgmt.md index fb9919f9c5a0b3529416226ee9fcb1198fa50499..16f4269b762a677cae9013123398641b12aa9dcc 100644 --- a/zh-cn/application-dev/js-reference/apis/js-apis-device-mgmt.md +++ b/zh-cn/application-dev/reference/apis/js-apis-device-mgmt.md @@ -11,6 +11,4 @@ - **[设备管理](js-apis-device-manager.md)** - **[显示设备属性](js-apis-display.md)** - **[升级](js-apis-libupdateclient.md)** -- **[启动恢复](js-apis-update.md)** - diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-display.md b/zh-cn/application-dev/reference/apis/js-apis-display.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-display.md rename to zh-cn/application-dev/reference/apis/js-apis-display.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-distributed-account.md b/zh-cn/application-dev/reference/apis/js-apis-distributed-account.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-distributed-account.md rename to zh-cn/application-dev/reference/apis/js-apis-distributed-account.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-distributed-data.md b/zh-cn/application-dev/reference/apis/js-apis-distributed-data.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-distributed-data.md rename to zh-cn/application-dev/reference/apis/js-apis-distributed-data.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-featureAbility.md b/zh-cn/application-dev/reference/apis/js-apis-featureAbility.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-featureAbility.md rename to zh-cn/application-dev/reference/apis/js-apis-featureAbility.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-fileio.md b/zh-cn/application-dev/reference/apis/js-apis-fileio.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-fileio.md rename to zh-cn/application-dev/reference/apis/js-apis-fileio.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-hiappevent.md b/zh-cn/application-dev/reference/apis/js-apis-hiappevent.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-hiappevent.md rename to zh-cn/application-dev/reference/apis/js-apis-hiappevent.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-i18n.md b/zh-cn/application-dev/reference/apis/js-apis-i18n.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-i18n.md rename to zh-cn/application-dev/reference/apis/js-apis-i18n.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-intl.md b/zh-cn/application-dev/reference/apis/js-apis-intl.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-intl.md rename to zh-cn/application-dev/reference/apis/js-apis-intl.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-libupdateclient.md b/zh-cn/application-dev/reference/apis/js-apis-libupdateclient.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-libupdateclient.md rename to zh-cn/application-dev/reference/apis/js-apis-libupdateclient.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-media.md b/zh-cn/application-dev/reference/apis/js-apis-media.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-media.md rename to zh-cn/application-dev/reference/apis/js-apis-media.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-multmedia.md b/zh-cn/application-dev/reference/apis/js-apis-multmedia.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-multmedia.md rename to zh-cn/application-dev/reference/apis/js-apis-multmedia.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-notification-fwk.md b/zh-cn/application-dev/reference/apis/js-apis-notification-fwk.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-notification-fwk.md rename to zh-cn/application-dev/reference/apis/js-apis-notification-fwk.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-notification.md b/zh-cn/application-dev/reference/apis/js-apis-notification.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-notification.md rename to zh-cn/application-dev/reference/apis/js-apis-notification.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-particleAbility.md b/zh-cn/application-dev/reference/apis/js-apis-particleAbility.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-particleAbility.md rename to zh-cn/application-dev/reference/apis/js-apis-particleAbility.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-power.md b/zh-cn/application-dev/reference/apis/js-apis-power.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-power.md rename to zh-cn/application-dev/reference/apis/js-apis-power.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-process.md b/zh-cn/application-dev/reference/apis/js-apis-process.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-process.md rename to zh-cn/application-dev/reference/apis/js-apis-process.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-radio.md b/zh-cn/application-dev/reference/apis/js-apis-radio.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-radio.md rename to zh-cn/application-dev/reference/apis/js-apis-radio.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-recorder.md b/zh-cn/application-dev/reference/apis/js-apis-recorder.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-recorder.md rename to zh-cn/application-dev/reference/apis/js-apis-recorder.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-resource-manager.md b/zh-cn/application-dev/reference/apis/js-apis-resource-manager.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-resource-manager.md rename to zh-cn/application-dev/reference/apis/js-apis-resource-manager.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-resource.md b/zh-cn/application-dev/reference/apis/js-apis-resource.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-resource.md rename to zh-cn/application-dev/reference/apis/js-apis-resource.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-runninglock.md b/zh-cn/application-dev/reference/apis/js-apis-runninglock.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-runninglock.md rename to zh-cn/application-dev/reference/apis/js-apis-runninglock.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-sensor.md b/zh-cn/application-dev/reference/apis/js-apis-sensor.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-sensor.md rename to zh-cn/application-dev/reference/apis/js-apis-sensor.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-sim.md b/zh-cn/application-dev/reference/apis/js-apis-sim.md old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-sim.md rename to zh-cn/application-dev/reference/apis/js-apis-sim.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-sms.md b/zh-cn/application-dev/reference/apis/js-apis-sms.md old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-sms.md rename to zh-cn/application-dev/reference/apis/js-apis-sms.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-system-parameter.md b/zh-cn/application-dev/reference/apis/js-apis-system-parameter.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-system-parameter.md rename to zh-cn/application-dev/reference/apis/js-apis-system-parameter.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-system-time.md b/zh-cn/application-dev/reference/apis/js-apis-system-time.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-system-time.md rename to zh-cn/application-dev/reference/apis/js-apis-system-time.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-telephony.md b/zh-cn/application-dev/reference/apis/js-apis-telephony.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-telephony.md rename to zh-cn/application-dev/reference/apis/js-apis-telephony.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-url.md b/zh-cn/application-dev/reference/apis/js-apis-url.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-url.md rename to zh-cn/application-dev/reference/apis/js-apis-url.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-util.md b/zh-cn/application-dev/reference/apis/js-apis-util.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-util.md rename to zh-cn/application-dev/reference/apis/js-apis-util.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-vibrator.md b/zh-cn/application-dev/reference/apis/js-apis-vibrator.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-vibrator.md rename to zh-cn/application-dev/reference/apis/js-apis-vibrator.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-wifi.md b/zh-cn/application-dev/reference/apis/js-apis-wifi.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-wifi.md rename to zh-cn/application-dev/reference/apis/js-apis-wifi.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis-worker.md b/zh-cn/application-dev/reference/apis/js-apis-worker.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis-worker.md rename to zh-cn/application-dev/reference/apis/js-apis-worker.md diff --git a/zh-cn/application-dev/js-reference/apis/js-apis.md b/zh-cn/application-dev/reference/apis/js-apis.md similarity index 100% rename from zh-cn/application-dev/js-reference/apis/js-apis.md rename to zh-cn/application-dev/reference/apis/js-apis.md diff --git a/zh-cn/application-dev/reference/arkui-js/Readme-CN.md b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md new file mode 100644 index 0000000000000000000000000000000000000000..cef2064bcf24ec8b259d43e1f376b5a4b4cb8a0d --- /dev/null +++ b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md @@ -0,0 +1,123 @@ +# 基于JS扩展的类Web开发范式 + +- [框架说明](js-framework.md) + - [文件组织](js-framework-file.md) + - [js标签配置](js-framework-js-tag.md) + - [app.js](js-framework-js-file.md) + - [语法](js-framework-syntax.md) + - [HML语法参考](js-framework-syntax-hml.md) + - [CSS语法参考](js-framework-syntax-css.md) + - [JS语法参考](js-framework-syntax-js.md) + + - [生命周期](js-framework-lifecycle.md) + - [资源限定与访问](js-framework-resource-restriction.md) + - [多语言支持](js-framework-multiple-languages.md) + +- [组件](js-components.md) + - [通用](js-components-common.md) + - [通用属性](js-components-common-attributes.md) + - [通用样式](js-components-common-styles.md) + - [通用事件](js-components-common-events.md) + - [通用方法](js-components-common-methods.md) + - [动画样式](js-components-common-animation.md) + - [渐变样式](js-components-common-gradient.md) + - [转场样式](js-components-common-transition.md) + - [媒体查询](js-components-common-mediaquery.md) + - [自定义字体样式](js-components-common-customizing-font.md) + - [原子布局](js-components-common-atomic-layout.md) + + - [容器组件](js-components-container.md) + - [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) + + - [基础组件](js-components-basic.md) + - [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) + + - [媒体组件](js-components-media.md) + - [video](js-components-media-video.md) + + - [画布组件](js-components-canvas.md) + - [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) + + - [栅格组件](js-components-grid.md) + - [基本概念](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组件](js-svg.md) + - [通用属性](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) + +- [自定义组件](js-components-custom.md) + - [基本用法](js-components-custom-basic-usage.md) + - [自定义事件](js-components-custom-events.md) + - [Props](js-components-custom-props.md) + - [事件参数](js-components-custom-event-parameter.md) + - [slot插槽](js-components-custom-slot.md) + - [生命周期定义](js-components-custom-lifecycle.md) + +- [附录](js-appendix.md) + - [类型说明](js-appendix-types.md) \ No newline at end of file diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/0.png b/zh-cn/application-dev/reference/arkui-js/figures/0.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/0.png rename to zh-cn/application-dev/reference/arkui-js/figures/0.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000-5.png b/zh-cn/application-dev/reference/arkui-js/figures/000000-5.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000-5.png rename to zh-cn/application-dev/reference/arkui-js/figures/000000-5.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000.jpg b/zh-cn/application-dev/reference/arkui-js/figures/000000.jpg similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/000000.jpg rename to zh-cn/application-dev/reference/arkui-js/figures/000000.jpg diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-2.png b/zh-cn/application-dev/reference/arkui-js/figures/1-2.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-2.png rename to zh-cn/application-dev/reference/arkui-js/figures/1-2.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-3.gif b/zh-cn/application-dev/reference/arkui-js/figures/1-3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1-3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/1-3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1.jpg b/zh-cn/application-dev/reference/arkui-js/figures/1.jpg similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/1.jpg rename to zh-cn/application-dev/reference/arkui-js/figures/1.jpg diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11-1.gif b/zh-cn/application-dev/reference/arkui-js/figures/11-1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11-1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/11-1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11.png b/zh-cn/application-dev/reference/arkui-js/figures/11.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/11.png rename to zh-cn/application-dev/reference/arkui-js/figures/11.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/12.gif b/zh-cn/application-dev/reference/arkui-js/figures/12.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/12.gif rename to zh-cn/application-dev/reference/arkui-js/figures/12.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-4.gif b/zh-cn/application-dev/reference/arkui-js/figures/2-4.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2-4.gif rename to zh-cn/application-dev/reference/arkui-js/figures/2-4.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2.png b/zh-cn/application-dev/reference/arkui-js/figures/2.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/2.png rename to zh-cn/application-dev/reference/arkui-js/figures/2.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/22.png b/zh-cn/application-dev/reference/arkui-js/figures/22.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/22.png rename to zh-cn/application-dev/reference/arkui-js/figures/22.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/3.png b/zh-cn/application-dev/reference/arkui-js/figures/3.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/3.png rename to zh-cn/application-dev/reference/arkui-js/figures/3.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/33.png b/zh-cn/application-dev/reference/arkui-js/figures/33.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/33.png rename to zh-cn/application-dev/reference/arkui-js/figures/33.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-0.gif b/zh-cn/application-dev/reference/arkui-js/figures/4-0.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4-0.gif rename to zh-cn/application-dev/reference/arkui-js/figures/4-0.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4.gif b/zh-cn/application-dev/reference/arkui-js/figures/4.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/4.gif rename to zh-cn/application-dev/reference/arkui-js/figures/4.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/44.gif b/zh-cn/application-dev/reference/arkui-js/figures/44.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/44.gif rename to zh-cn/application-dev/reference/arkui-js/figures/44.gif diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/45\345\272\246\345\244\271\350\247\222\346\270\220\345\217\230.png" "b/zh-cn/application-dev/reference/arkui-js/figures/45\345\272\246\345\244\271\350\247\222\346\270\220\345\217\230.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/45\345\272\246\345\244\271\350\247\222\346\270\220\345\217\230.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/45\345\272\246\345\244\271\350\247\222\346\270\220\345\217\230.png" diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/5.gif b/zh-cn/application-dev/reference/arkui-js/figures/5.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/5.gif rename to zh-cn/application-dev/reference/arkui-js/figures/5.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/6.gif b/zh-cn/application-dev/reference/arkui-js/figures/6.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/6.gif rename to zh-cn/application-dev/reference/arkui-js/figures/6.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/9.gif b/zh-cn/application-dev/reference/arkui-js/figures/9.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/9.gif rename to zh-cn/application-dev/reference/arkui-js/figures/9.gif diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/AnimationAPI\350\243\201\345\211\252.gif" "b/zh-cn/application-dev/reference/arkui-js/figures/AnimationAPI\350\243\201\345\211\252.gif" similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/AnimationAPI\350\243\201\345\211\252.gif" rename to "zh-cn/application-dev/reference/arkui-js/figures/AnimationAPI\350\243\201\345\211\252.gif" diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/GIF.gif b/zh-cn/application-dev/reference/arkui-js/figures/GIF.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/GIF.gif rename to zh-cn/application-dev/reference/arkui-js/figures/GIF.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/Video_2021-03-26_154549.gif b/zh-cn/application-dev/reference/arkui-js/figures/Video_2021-03-26_154549.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/Video_2021-03-26_154549.gif rename to zh-cn/application-dev/reference/arkui-js/figures/Video_2021-03-26_154549.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aliceblue.png b/zh-cn/application-dev/reference/arkui-js/figures/aliceblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aliceblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/aliceblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-1.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-3.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-4.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-4.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-4.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-4.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-transform.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-transform.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform2.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-transform2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform2.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-transform2.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform3.gif b/zh-cn/application-dev/reference/arkui-js/figures/animate-transform3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/animate-transform3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/animate-transform3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/antiquewhite.png b/zh-cn/application-dev/reference/arkui-js/figures/antiquewhite.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/antiquewhite.png rename to zh-cn/application-dev/reference/arkui-js/figures/antiquewhite.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aqua.png b/zh-cn/application-dev/reference/arkui-js/figures/aqua.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aqua.png rename to zh-cn/application-dev/reference/arkui-js/figures/aqua.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aquamarine.png b/zh-cn/application-dev/reference/arkui-js/figures/aquamarine.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/aquamarine.png rename to zh-cn/application-dev/reference/arkui-js/figures/aquamarine.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/azure.png b/zh-cn/application-dev/reference/arkui-js/figures/azure.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/azure.png rename to zh-cn/application-dev/reference/arkui-js/figures/azure.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/barchart.png b/zh-cn/application-dev/reference/arkui-js/figures/barchart.png old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/barchart.png rename to zh-cn/application-dev/reference/arkui-js/figures/barchart.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/beige.png b/zh-cn/application-dev/reference/arkui-js/figures/beige.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/beige.png rename to zh-cn/application-dev/reference/arkui-js/figures/beige.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/bisque.png b/zh-cn/application-dev/reference/arkui-js/figures/bisque.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/bisque.png rename to zh-cn/application-dev/reference/arkui-js/figures/bisque.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blanchedalmond.png b/zh-cn/application-dev/reference/arkui-js/figures/blanchedalmond.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blanchedalmond.png rename to zh-cn/application-dev/reference/arkui-js/figures/blanchedalmond.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blue.png b/zh-cn/application-dev/reference/arkui-js/figures/blue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blue.png rename to zh-cn/application-dev/reference/arkui-js/figures/blue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blueviolet.png b/zh-cn/application-dev/reference/arkui-js/figures/blueviolet.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/blueviolet.png rename to zh-cn/application-dev/reference/arkui-js/figures/blueviolet.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/brown.png b/zh-cn/application-dev/reference/arkui-js/figures/brown.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/brown.png rename to zh-cn/application-dev/reference/arkui-js/figures/brown.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/burlywood.png b/zh-cn/application-dev/reference/arkui-js/figures/burlywood.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/burlywood.png rename to zh-cn/application-dev/reference/arkui-js/figures/burlywood.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/c3.png b/zh-cn/application-dev/reference/arkui-js/figures/c3.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/c3.png rename to zh-cn/application-dev/reference/arkui-js/figures/c3.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cadetblue.png b/zh-cn/application-dev/reference/arkui-js/figures/cadetblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cadetblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/cadetblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chartreuse.png b/zh-cn/application-dev/reference/arkui-js/figures/chartreuse.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chartreuse.png rename to zh-cn/application-dev/reference/arkui-js/figures/chartreuse.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chocolate.png b/zh-cn/application-dev/reference/arkui-js/figures/chocolate.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/chocolate.png rename to zh-cn/application-dev/reference/arkui-js/figures/chocolate.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/coral.png b/zh-cn/application-dev/reference/arkui-js/figures/coral.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/coral.png rename to zh-cn/application-dev/reference/arkui-js/figures/coral.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornflowerblue.png b/zh-cn/application-dev/reference/arkui-js/figures/cornflowerblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornflowerblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/cornflowerblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornsilk.png b/zh-cn/application-dev/reference/arkui-js/figures/cornsilk.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cornsilk.png rename to zh-cn/application-dev/reference/arkui-js/figures/cornsilk.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/crimson.png b/zh-cn/application-dev/reference/arkui-js/figures/crimson.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/crimson.png rename to zh-cn/application-dev/reference/arkui-js/figures/crimson.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cyan.png b/zh-cn/application-dev/reference/arkui-js/figures/cyan.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/cyan.png rename to zh-cn/application-dev/reference/arkui-js/figures/cyan.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkblue.png b/zh-cn/application-dev/reference/arkui-js/figures/darkblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkcyan.png b/zh-cn/application-dev/reference/arkui-js/figures/darkcyan.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkcyan.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkcyan.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgoldenrod.png b/zh-cn/application-dev/reference/arkui-js/figures/darkgoldenrod.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgoldenrod.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkgoldenrod.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgray.png b/zh-cn/application-dev/reference/arkui-js/figures/darkgray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgray.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkgray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/darkgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgrey.png b/zh-cn/application-dev/reference/arkui-js/figures/darkgrey.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkgrey.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkgrey.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkkhaki.png b/zh-cn/application-dev/reference/arkui-js/figures/darkkhaki.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkkhaki.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkkhaki.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkmagenta.png b/zh-cn/application-dev/reference/arkui-js/figures/darkmagenta.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkmagenta.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkmagenta.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkolivegreen.png b/zh-cn/application-dev/reference/arkui-js/figures/darkolivegreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkolivegreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkolivegreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorange.png b/zh-cn/application-dev/reference/arkui-js/figures/darkorange.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorange.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkorange.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorchid.png b/zh-cn/application-dev/reference/arkui-js/figures/darkorchid.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkorchid.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkorchid.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkred.png b/zh-cn/application-dev/reference/arkui-js/figures/darkred.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkred.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkred.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darksalmon.png b/zh-cn/application-dev/reference/arkui-js/figures/darksalmon.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darksalmon.png rename to zh-cn/application-dev/reference/arkui-js/figures/darksalmon.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkseagreen.png b/zh-cn/application-dev/reference/arkui-js/figures/darkseagreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkseagreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkseagreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslateblue.png b/zh-cn/application-dev/reference/arkui-js/figures/darkslateblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslateblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkslateblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategray.png b/zh-cn/application-dev/reference/arkui-js/figures/darkslategray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategray.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkslategray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategrey.png b/zh-cn/application-dev/reference/arkui-js/figures/darkslategrey.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkslategrey.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkslategrey.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkturquoise.png b/zh-cn/application-dev/reference/arkui-js/figures/darkturquoise.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkturquoise.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkturquoise.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkviolet.png b/zh-cn/application-dev/reference/arkui-js/figures/darkviolet.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/darkviolet.png rename to zh-cn/application-dev/reference/arkui-js/figures/darkviolet.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/date33.png b/zh-cn/application-dev/reference/arkui-js/figures/date33.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/date33.png rename to zh-cn/application-dev/reference/arkui-js/figures/date33.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/datetime.png b/zh-cn/application-dev/reference/arkui-js/figures/datetime.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/datetime.png rename to zh-cn/application-dev/reference/arkui-js/figures/datetime.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deeppink.png b/zh-cn/application-dev/reference/arkui-js/figures/deeppink.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deeppink.png rename to zh-cn/application-dev/reference/arkui-js/figures/deeppink.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deepskyblue.png b/zh-cn/application-dev/reference/arkui-js/figures/deepskyblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/deepskyblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/deepskyblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgray.png b/zh-cn/application-dev/reference/arkui-js/figures/dimgray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgray.png rename to zh-cn/application-dev/reference/arkui-js/figures/dimgray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgrey.png b/zh-cn/application-dev/reference/arkui-js/figures/dimgrey.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dimgrey.png rename to zh-cn/application-dev/reference/arkui-js/figures/dimgrey.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dodgerblue.png b/zh-cn/application-dev/reference/arkui-js/figures/dodgerblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/dodgerblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/dodgerblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ellipse.png b/zh-cn/application-dev/reference/arkui-js/figures/ellipse.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ellipse.png rename to zh-cn/application-dev/reference/arkui-js/figures/ellipse.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/firebrick.png b/zh-cn/application-dev/reference/arkui-js/figures/firebrick.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/firebrick.png rename to zh-cn/application-dev/reference/arkui-js/figures/firebrick.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/floralwhite.png b/zh-cn/application-dev/reference/arkui-js/figures/floralwhite.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/floralwhite.png rename to zh-cn/application-dev/reference/arkui-js/figures/floralwhite.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/forestgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/forestgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/forestgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/forestgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/fuchsia.png b/zh-cn/application-dev/reference/arkui-js/figures/fuchsia.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/fuchsia.png rename to zh-cn/application-dev/reference/arkui-js/figures/fuchsia.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gainsboro.png b/zh-cn/application-dev/reference/arkui-js/figures/gainsboro.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gainsboro.png rename to zh-cn/application-dev/reference/arkui-js/figures/gainsboro.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gauge.png b/zh-cn/application-dev/reference/arkui-js/figures/gauge.png old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gauge.png rename to zh-cn/application-dev/reference/arkui-js/figures/gauge.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ghostwhite.png b/zh-cn/application-dev/reference/arkui-js/figures/ghostwhite.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ghostwhite.png rename to zh-cn/application-dev/reference/arkui-js/figures/ghostwhite.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gold.png b/zh-cn/application-dev/reference/arkui-js/figures/gold.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gold.png rename to zh-cn/application-dev/reference/arkui-js/figures/gold.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/goldenrod.png b/zh-cn/application-dev/reference/arkui-js/figures/goldenrod.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/goldenrod.png rename to zh-cn/application-dev/reference/arkui-js/figures/goldenrod.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gray.png b/zh-cn/application-dev/reference/arkui-js/figures/gray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/gray.png rename to zh-cn/application-dev/reference/arkui-js/figures/gray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/green.png b/zh-cn/application-dev/reference/arkui-js/figures/green.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/green.png rename to zh-cn/application-dev/reference/arkui-js/figures/green.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/greenyellow.png b/zh-cn/application-dev/reference/arkui-js/figures/greenyellow.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/greenyellow.png rename to zh-cn/application-dev/reference/arkui-js/figures/greenyellow.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/grey.png b/zh-cn/application-dev/reference/arkui-js/figures/grey.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/grey.png rename to zh-cn/application-dev/reference/arkui-js/figures/grey.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/honeydew.png b/zh-cn/application-dev/reference/arkui-js/figures/honeydew.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/honeydew.png rename to zh-cn/application-dev/reference/arkui-js/figures/honeydew.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/hotpink.png b/zh-cn/application-dev/reference/arkui-js/figures/hotpink.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/hotpink.png rename to zh-cn/application-dev/reference/arkui-js/figures/hotpink.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/image-animator.gif b/zh-cn/application-dev/reference/arkui-js/figures/image-animator.gif old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/image-animator.gif rename to zh-cn/application-dev/reference/arkui-js/figures/image-animator.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indianred.png b/zh-cn/application-dev/reference/arkui-js/figures/indianred.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indianred.png rename to zh-cn/application-dev/reference/arkui-js/figures/indianred.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indigo.png b/zh-cn/application-dev/reference/arkui-js/figures/indigo.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/indigo.png rename to zh-cn/application-dev/reference/arkui-js/figures/indigo.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ivory.png b/zh-cn/application-dev/reference/arkui-js/figures/ivory.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/ivory.png rename to zh-cn/application-dev/reference/arkui-js/figures/ivory.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/khaki.png b/zh-cn/application-dev/reference/arkui-js/figures/khaki.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/khaki.png rename to zh-cn/application-dev/reference/arkui-js/figures/khaki.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavender.png b/zh-cn/application-dev/reference/arkui-js/figures/lavender.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavender.png rename to zh-cn/application-dev/reference/arkui-js/figures/lavender.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavenderblush.png b/zh-cn/application-dev/reference/arkui-js/figures/lavenderblush.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lavenderblush.png rename to zh-cn/application-dev/reference/arkui-js/figures/lavenderblush.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lawngreen.png b/zh-cn/application-dev/reference/arkui-js/figures/lawngreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lawngreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/lawngreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lemonchiffon.png b/zh-cn/application-dev/reference/arkui-js/figures/lemonchiffon.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lemonchiffon.png rename to zh-cn/application-dev/reference/arkui-js/figures/lemonchiffon.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightblue.png b/zh-cn/application-dev/reference/arkui-js/figures/lightblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcoral.png b/zh-cn/application-dev/reference/arkui-js/figures/lightcoral.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcoral.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightcoral.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcyan.png b/zh-cn/application-dev/reference/arkui-js/figures/lightcyan.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightcyan.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightcyan.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgoldenrodyellow.png b/zh-cn/application-dev/reference/arkui-js/figures/lightgoldenrodyellow.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgoldenrodyellow.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightgoldenrodyellow.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgray.png b/zh-cn/application-dev/reference/arkui-js/figures/lightgray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgray.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightgray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/lightgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightpink.png b/zh-cn/application-dev/reference/arkui-js/figures/lightpink.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightpink.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightpink.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsalmon.png b/zh-cn/application-dev/reference/arkui-js/figures/lightsalmon.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsalmon.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightsalmon.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightseagreen.png b/zh-cn/application-dev/reference/arkui-js/figures/lightseagreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightseagreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightseagreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightskyblue.png b/zh-cn/application-dev/reference/arkui-js/figures/lightskyblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightskyblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightskyblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategray.png b/zh-cn/application-dev/reference/arkui-js/figures/lightslategray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategray.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightslategray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategrey.png b/zh-cn/application-dev/reference/arkui-js/figures/lightslategrey.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightslategrey.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightslategrey.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsteelblue.png b/zh-cn/application-dev/reference/arkui-js/figures/lightsteelblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightsteelblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightsteelblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightyellow.png b/zh-cn/application-dev/reference/arkui-js/figures/lightyellow.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lightyellow.png rename to zh-cn/application-dev/reference/arkui-js/figures/lightyellow.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lime.png b/zh-cn/application-dev/reference/arkui-js/figures/lime.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/lime.png rename to zh-cn/application-dev/reference/arkui-js/figures/lime.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/limegreen.png b/zh-cn/application-dev/reference/arkui-js/figures/limegreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/limegreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/limegreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/linen.png b/zh-cn/application-dev/reference/arkui-js/figures/linen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/linen.png rename to zh-cn/application-dev/reference/arkui-js/figures/linen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/list6.gif b/zh-cn/application-dev/reference/arkui-js/figures/list6.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/list6.gif rename to zh-cn/application-dev/reference/arkui-js/figures/list6.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/magenta.png b/zh-cn/application-dev/reference/arkui-js/figures/magenta.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/magenta.png rename to zh-cn/application-dev/reference/arkui-js/figures/magenta.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/maroon.png b/zh-cn/application-dev/reference/arkui-js/figures/maroon.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/maroon.png rename to zh-cn/application-dev/reference/arkui-js/figures/maroon.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumaquamarine.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumaquamarine.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumaquamarine.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumaquamarine.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumblue.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumorchid.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumorchid.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumorchid.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumorchid.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumpurple.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumpurple.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumpurple.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumpurple.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumseagreen.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumseagreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumseagreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumseagreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumslateblue.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumslateblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumslateblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumslateblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumspringgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumspringgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumspringgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumspringgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumturquoise.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumturquoise.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumturquoise.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumturquoise.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumvioletred.png b/zh-cn/application-dev/reference/arkui-js/figures/mediumvioletred.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mediumvioletred.png rename to zh-cn/application-dev/reference/arkui-js/figures/mediumvioletred.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/menu13.gif b/zh-cn/application-dev/reference/arkui-js/figures/menu13.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/menu13.gif rename to zh-cn/application-dev/reference/arkui-js/figures/menu13.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/midnightblue.png b/zh-cn/application-dev/reference/arkui-js/figures/midnightblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/midnightblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/midnightblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mintcream.png b/zh-cn/application-dev/reference/arkui-js/figures/mintcream.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mintcream.png rename to zh-cn/application-dev/reference/arkui-js/figures/mintcream.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mistyrose.png b/zh-cn/application-dev/reference/arkui-js/figures/mistyrose.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/mistyrose.png rename to zh-cn/application-dev/reference/arkui-js/figures/mistyrose.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/moccasin.png b/zh-cn/application-dev/reference/arkui-js/figures/moccasin.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/moccasin.png rename to zh-cn/application-dev/reference/arkui-js/figures/moccasin.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/multitext.png b/zh-cn/application-dev/reference/arkui-js/figures/multitext.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/multitext.png rename to zh-cn/application-dev/reference/arkui-js/figures/multitext.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navajowhite.png b/zh-cn/application-dev/reference/arkui-js/figures/navajowhite.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navajowhite.png rename to zh-cn/application-dev/reference/arkui-js/figures/navajowhite.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navy.png b/zh-cn/application-dev/reference/arkui-js/figures/navy.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/navy.png rename to zh-cn/application-dev/reference/arkui-js/figures/navy.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/oldlace.png b/zh-cn/application-dev/reference/arkui-js/figures/oldlace.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/oldlace.png rename to zh-cn/application-dev/reference/arkui-js/figures/oldlace.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olive.png b/zh-cn/application-dev/reference/arkui-js/figures/olive.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olive.png rename to zh-cn/application-dev/reference/arkui-js/figures/olive.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olivedrab.png b/zh-cn/application-dev/reference/arkui-js/figures/olivedrab.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/olivedrab.png rename to zh-cn/application-dev/reference/arkui-js/figures/olivedrab.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orange.png b/zh-cn/application-dev/reference/arkui-js/figures/orange.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orange.png rename to zh-cn/application-dev/reference/arkui-js/figures/orange.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orangered.png b/zh-cn/application-dev/reference/arkui-js/figures/orangered.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orangered.png rename to zh-cn/application-dev/reference/arkui-js/figures/orangered.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orchid.png b/zh-cn/application-dev/reference/arkui-js/figures/orchid.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/orchid.png rename to zh-cn/application-dev/reference/arkui-js/figures/orchid.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegoldenrod.png b/zh-cn/application-dev/reference/arkui-js/figures/palegoldenrod.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegoldenrod.png rename to zh-cn/application-dev/reference/arkui-js/figures/palegoldenrod.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegreen.png b/zh-cn/application-dev/reference/arkui-js/figures/palegreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palegreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/palegreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/paleturquoise.png b/zh-cn/application-dev/reference/arkui-js/figures/paleturquoise.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/paleturquoise.png rename to zh-cn/application-dev/reference/arkui-js/figures/paleturquoise.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palevioletred.png b/zh-cn/application-dev/reference/arkui-js/figures/palevioletred.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/palevioletred.png rename to zh-cn/application-dev/reference/arkui-js/figures/palevioletred.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/panel6.gif b/zh-cn/application-dev/reference/arkui-js/figures/panel6.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/panel6.gif rename to zh-cn/application-dev/reference/arkui-js/figures/panel6.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/papayawhip.png b/zh-cn/application-dev/reference/arkui-js/figures/papayawhip.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/papayawhip.png rename to zh-cn/application-dev/reference/arkui-js/figures/papayawhip.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peachpuff.png b/zh-cn/application-dev/reference/arkui-js/figures/peachpuff.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peachpuff.png rename to zh-cn/application-dev/reference/arkui-js/figures/peachpuff.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peru.png b/zh-cn/application-dev/reference/arkui-js/figures/peru.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/peru.png rename to zh-cn/application-dev/reference/arkui-js/figures/peru.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/pink.png b/zh-cn/application-dev/reference/arkui-js/figures/pink.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/pink.png rename to zh-cn/application-dev/reference/arkui-js/figures/pink.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/plum.png b/zh-cn/application-dev/reference/arkui-js/figures/plum.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/plum.png rename to zh-cn/application-dev/reference/arkui-js/figures/plum.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/powderblue.png b/zh-cn/application-dev/reference/arkui-js/figures/powderblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/powderblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/powderblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress.png b/zh-cn/application-dev/reference/arkui-js/figures/progress.png old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/progress.png rename to zh-cn/application-dev/reference/arkui-js/figures/progress.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/purple.png b/zh-cn/application-dev/reference/arkui-js/figures/purple.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/purple.png rename to zh-cn/application-dev/reference/arkui-js/figures/purple.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rebeccapurple.png b/zh-cn/application-dev/reference/arkui-js/figures/rebeccapurple.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rebeccapurple.png rename to zh-cn/application-dev/reference/arkui-js/figures/rebeccapurple.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/red.png b/zh-cn/application-dev/reference/arkui-js/figures/red.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/red.png rename to zh-cn/application-dev/reference/arkui-js/figures/red.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rosybrown.png b/zh-cn/application-dev/reference/arkui-js/figures/rosybrown.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/rosybrown.png rename to zh-cn/application-dev/reference/arkui-js/figures/rosybrown.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/royalblue.png b/zh-cn/application-dev/reference/arkui-js/figures/royalblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/royalblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/royalblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/saddlebrown.png b/zh-cn/application-dev/reference/arkui-js/figures/saddlebrown.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/saddlebrown.png rename to zh-cn/application-dev/reference/arkui-js/figures/saddlebrown.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/salmon.png b/zh-cn/application-dev/reference/arkui-js/figures/salmon.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/salmon.png rename to zh-cn/application-dev/reference/arkui-js/figures/salmon.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample1.gif b/zh-cn/application-dev/reference/arkui-js/figures/sample1.gif old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/sample1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample_css.png b/zh-cn/application-dev/reference/arkui-js/figures/sample_css.png old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sample_css.png rename to zh-cn/application-dev/reference/arkui-js/figures/sample_css.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sandybrown.png b/zh-cn/application-dev/reference/arkui-js/figures/sandybrown.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sandybrown.png rename to zh-cn/application-dev/reference/arkui-js/figures/sandybrown.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot.png b/zh-cn/application-dev/reference/arkui-js/figures/screenshot.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/screenshot.png rename to zh-cn/application-dev/reference/arkui-js/figures/screenshot.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seagreen.png b/zh-cn/application-dev/reference/arkui-js/figures/seagreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seagreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/seagreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seashell.png b/zh-cn/application-dev/reference/arkui-js/figures/seashell.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/seashell.png rename to zh-cn/application-dev/reference/arkui-js/figures/seashell.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sienna.png b/zh-cn/application-dev/reference/arkui-js/figures/sienna.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sienna.png rename to zh-cn/application-dev/reference/arkui-js/figures/sienna.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/silver.png b/zh-cn/application-dev/reference/arkui-js/figures/silver.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/silver.png rename to zh-cn/application-dev/reference/arkui-js/figures/silver.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/skyblue.png b/zh-cn/application-dev/reference/arkui-js/figures/skyblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/skyblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/skyblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slateblue.png b/zh-cn/application-dev/reference/arkui-js/figures/slateblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slateblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/slateblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray-6.png b/zh-cn/application-dev/reference/arkui-js/figures/slategray-6.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray-6.png rename to zh-cn/application-dev/reference/arkui-js/figures/slategray-6.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray.png b/zh-cn/application-dev/reference/arkui-js/figures/slategray.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slategray.png rename to zh-cn/application-dev/reference/arkui-js/figures/slategray.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slider.png b/zh-cn/application-dev/reference/arkui-js/figures/slider.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/slider.png rename to zh-cn/application-dev/reference/arkui-js/figures/slider.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/smoothOff.png b/zh-cn/application-dev/reference/arkui-js/figures/smoothOff.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/smoothOff.png rename to zh-cn/application-dev/reference/arkui-js/figures/smoothOff.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/snow.png b/zh-cn/application-dev/reference/arkui-js/figures/snow.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/snow.png rename to zh-cn/application-dev/reference/arkui-js/figures/snow.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/springgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/springgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/springgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/springgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sssssss.png b/zh-cn/application-dev/reference/arkui-js/figures/sssssss.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/sssssss.png rename to zh-cn/application-dev/reference/arkui-js/figures/sssssss.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/steelblue.png b/zh-cn/application-dev/reference/arkui-js/figures/steelblue.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/steelblue.png rename to zh-cn/application-dev/reference/arkui-js/figures/steelblue.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tab.gif b/zh-cn/application-dev/reference/arkui-js/figures/tab.gif old mode 100755 new mode 100644 similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tab.gif rename to zh-cn/application-dev/reference/arkui-js/figures/tab.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tan.png b/zh-cn/application-dev/reference/arkui-js/figures/tan.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tan.png rename to zh-cn/application-dev/reference/arkui-js/figures/tan.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/teal.png b/zh-cn/application-dev/reference/arkui-js/figures/teal.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/teal.png rename to zh-cn/application-dev/reference/arkui-js/figures/teal.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part1.gif b/zh-cn/application-dev/reference/arkui-js/figures/text-animate-part1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/text-animate-part1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part2.gif b/zh-cn/application-dev/reference/arkui-js/figures/text-animate-part2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part2.gif rename to zh-cn/application-dev/reference/arkui-js/figures/text-animate-part2.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part3.gif b/zh-cn/application-dev/reference/arkui-js/figures/text-animate-part3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-animate-part3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/text-animate-part3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-part1.png b/zh-cn/application-dev/reference/arkui-js/figures/text-part1.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text-part1.png rename to zh-cn/application-dev/reference/arkui-js/figures/text-part1.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text.png b/zh-cn/application-dev/reference/arkui-js/figures/text.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/text.png rename to zh-cn/application-dev/reference/arkui-js/figures/text.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part1.png b/zh-cn/application-dev/reference/arkui-js/figures/textPath-part1.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part1.png rename to zh-cn/application-dev/reference/arkui-js/figures/textPath-part1.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part2.png b/zh-cn/application-dev/reference/arkui-js/figures/textPath-part2.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part2.png rename to zh-cn/application-dev/reference/arkui-js/figures/textPath-part2.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part3.png b/zh-cn/application-dev/reference/arkui-js/figures/textPath-part3.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part3.png rename to zh-cn/application-dev/reference/arkui-js/figures/textPath-part3.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part4.png b/zh-cn/application-dev/reference/arkui-js/figures/textPath-part4.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textPath-part4.png rename to zh-cn/application-dev/reference/arkui-js/figures/textPath-part4.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate1.gif b/zh-cn/application-dev/reference/arkui-js/figures/textpath-animate1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/textpath-animate1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate2.gif b/zh-cn/application-dev/reference/arkui-js/figures/textpath-animate2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate2.gif rename to zh-cn/application-dev/reference/arkui-js/figures/textpath-animate2.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate3.gif b/zh-cn/application-dev/reference/arkui-js/figures/textpath-animate3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/textpath-animate3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate4.gif b/zh-cn/application-dev/reference/arkui-js/figures/textpath-animate4.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/textpath-animate4.gif rename to zh-cn/application-dev/reference/arkui-js/figures/textpath-animate4.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/thistle.png b/zh-cn/application-dev/reference/arkui-js/figures/thistle.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/thistle.png rename to zh-cn/application-dev/reference/arkui-js/figures/thistle.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/time.png b/zh-cn/application-dev/reference/arkui-js/figures/time.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/time.png rename to zh-cn/application-dev/reference/arkui-js/figures/time.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tomato.png b/zh-cn/application-dev/reference/arkui-js/figures/tomato.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tomato.png rename to zh-cn/application-dev/reference/arkui-js/figures/tomato.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part1.gif b/zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part1.gif rename to zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part1.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part2.gif b/zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part2.gif rename to zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part2.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part3.gif b/zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part3.gif rename to zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part3.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part4.gif b/zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part4.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-animate-part4.gif rename to zh-cn/application-dev/reference/arkui-js/figures/tspan-animate-part4.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-part1.png b/zh-cn/application-dev/reference/arkui-js/figures/tspan-part1.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/tspan-part1.png rename to zh-cn/application-dev/reference/arkui-js/figures/tspan-part1.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/turquoise.png b/zh-cn/application-dev/reference/arkui-js/figures/turquoise.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/turquoise.png rename to zh-cn/application-dev/reference/arkui-js/figures/turquoise.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/unnaming-(1).png b/zh-cn/application-dev/reference/arkui-js/figures/unnaming-(1).png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/unnaming-(1).png rename to zh-cn/application-dev/reference/arkui-js/figures/unnaming-(1).png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/violet.png b/zh-cn/application-dev/reference/arkui-js/figures/violet.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/violet.png rename to zh-cn/application-dev/reference/arkui-js/figures/violet.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/wheat.png b/zh-cn/application-dev/reference/arkui-js/figures/wheat.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/wheat.png rename to zh-cn/application-dev/reference/arkui-js/figures/wheat.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/white.png b/zh-cn/application-dev/reference/arkui-js/figures/white.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/white.png rename to zh-cn/application-dev/reference/arkui-js/figures/white.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/whitesmoke.png b/zh-cn/application-dev/reference/arkui-js/figures/whitesmoke.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/whitesmoke.png rename to zh-cn/application-dev/reference/arkui-js/figures/whitesmoke.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellow.png b/zh-cn/application-dev/reference/arkui-js/figures/yellow.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellow.png rename to zh-cn/application-dev/reference/arkui-js/figures/yellow.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellowgreen.png b/zh-cn/application-dev/reference/arkui-js/figures/yellowgreen.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/yellowgreen.png rename to zh-cn/application-dev/reference/arkui-js/figures/yellowgreen.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125124.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125124.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125124.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125124.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125132.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125132.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125132.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125132.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125136.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125136.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125136.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125136.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125162.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125162.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125162.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125162.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125202.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125202.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125202.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125202.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125204.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125204.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125204.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125204.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125208.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125208.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125208.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125208.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125212.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125212.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125212.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125212.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125220.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125220.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125220.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125220.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125268.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125268.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127125268.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125268.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284954.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284954.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284954.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284954.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284958.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284958.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284958.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284958.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284984.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284984.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127284984.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127284984.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285024.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285024.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285024.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285024.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285034.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285034.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285034.gif rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285034.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285076.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285076.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001127285076.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127285076.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001147417424.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001147417424.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001147417424.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001147417424.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001150719520.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001150719520.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001150719520.gif rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001150719520.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152588538.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152588538.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152588538.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152588538.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152588626.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152588626.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152588626.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152588626.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152610806.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152610806.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152610806.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152610806.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152833768.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152833768.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152833768.gif rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152833768.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152834002.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152834002.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152834002.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152834002.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152862510.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152862510.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001152862510.gif rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001152862510.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001153427082.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001153427082.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001153427082.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001153427082.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001166484430.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001166484430.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001166484430.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001166484430.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001166962736.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001166962736.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001166962736.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001166962736.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167001464.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167001464.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167001464.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167001464.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167046832.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167046832.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167046832.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167046832.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167472798.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167472798.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167472798.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167472798.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167631876.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167631876.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167631876.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167631876.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167950468.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167950468.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167950468.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167950468.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167953648.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167953648.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001167953648.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001167953648.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168111514.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168111514.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168111514.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168111514.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168111610.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168111610.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168111610.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168111610.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168984880.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168984880.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168984880.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168984880.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168984882.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168984882.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001168984882.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001168984882.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169142476.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169142476.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169142476.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169142476.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169143586.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169143586.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169143586.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169143586.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169144864.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169144864.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169144864.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169144864.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169151508.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169151508.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169151508.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169151508.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169301188.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169301188.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169301188.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169301188.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169303414.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169303414.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169303414.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169303414.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169303416.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169303416.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169303416.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169303416.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169309930.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169309930.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169309930.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169309930.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169309948.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169309948.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169309948.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169309948.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169315920.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169315920.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169315920.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169315920.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169461910.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169461910.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169461910.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169461910.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169463368.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169463368.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169463368.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169463368.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169463370.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169463370.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169463370.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169463370.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169469914.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169469914.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169469914.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169469914.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169470288.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169470288.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001169470288.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001169470288.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164789.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164789.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164789.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164789.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164793.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164793.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164793.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164793.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164845.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164845.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164845.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164845.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164853.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164853.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164853.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164853.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164867.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164867.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164867.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164867.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164869.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164869.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164869.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164869.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164871.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164871.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164871.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164871.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164873.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164873.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164873.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164873.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164891.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164891.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173164891.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173164891.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324721.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324721.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324721.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324721.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324749.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324749.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324749.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324749.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324751.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324751.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324751.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324751.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324783.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324783.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324783.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324783.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324787.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324787.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324787.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324787.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324797.gif b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324797.gif similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324797.gif rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324797.gif diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324843.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324843.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324843.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324843.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324847.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324847.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001173324847.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001173324847.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001178875308.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001178875308.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001178875308.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001178875308.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001178886129.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001178886129.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001178886129.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001178886129.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001179035242.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001179035242.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001179035242.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001179035242.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001198670487.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198670487.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001198670487.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198670487.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001198898293.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198898293.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001198898293.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001198898293.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001212124299.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001212124299.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001212124299.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001212124299.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001213192781.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001213192781.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001213192781.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001213192781.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001213193285.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001213193285.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001213193285.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001213193285.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214460669.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214460669.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214460669.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214460669.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214463281.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214463281.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214463281.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214463281.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214463283.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214463283.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214463283.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214463283.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214469787.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214469787.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214469787.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214469787.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214619417.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214619417.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214619417.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214619417.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214621177.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214621177.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214621177.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214621177.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214623227.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214623227.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214623227.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214623227.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214623229.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214623229.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214623229.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214623229.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214629745.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214629745.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214629745.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214629745.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214630783.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214630783.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214630783.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214630783.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214703717.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214703717.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214703717.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214703717.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214704759.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214704759.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214704759.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214704759.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214717247.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214717247.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214717247.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214717247.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214811029.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214811029.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214811029.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214811029.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214822091.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214822091.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214822091.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214822091.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214824709.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214824709.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214824709.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214824709.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214837127.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214837127.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214837127.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214837127.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214837333.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214837333.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001214837333.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001214837333.png diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001224354967.png b/zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001224354967.png similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/zh-cn_image_0000001224354967.png rename to zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001224354967.png diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230-\351\207\215\345\244\215\346\270\220\345\217\230.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230-\351\207\215\345\244\215\346\270\220\345\217\230.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230-\351\207\215\345\244\215\346\270\220\345\217\230.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230-\351\207\215\345\244\215\346\270\220\345\217\230.png" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\205\261\344\272\253\345\205\203\347\264\240\350\275\254\345\234\272\351\273\230\350\256\244\346\225\210\346\236\234.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\345\205\261\344\272\253\345\205\203\347\264\240\350\275\254\345\234\272\351\273\230\350\256\244\346\225\210\346\236\234.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\205\261\344\272\253\345\205\203\347\264\240\350\275\254\345\234\272\351\273\230\350\256\244\346\225\210\346\236\234.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\345\205\261\344\272\253\345\205\203\347\264\240\350\275\254\345\234\272\351\273\230\350\256\244\346\225\210\346\236\234.png" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" "b/zh-cn/application-dev/reference/arkui-js/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" rename to "zh-cn/application-dev/reference/arkui-js/figures/\345\215\241\347\211\207\350\275\254\345\234\272.gif" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\244\232\345\256\236\344\276\213\350\265\204\346\272\220\345\205\261\344\272\253\347\233\256\345\275\225\347\273\223\346\236\2045+.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\345\244\232\345\256\236\344\276\213\350\265\204\346\272\220\345\205\261\344\272\253\347\233\256\345\275\225\347\273\223\346\236\2045+.png" similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\345\244\232\345\256\236\344\276\213\350\265\204\346\272\220\345\205\261\344\272\253\347\233\256\345\275\225\347\273\223\346\236\2045+.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\345\244\232\345\256\236\344\276\213\350\265\204\346\272\220\345\205\261\344\272\253\347\233\256\345\275\225\347\273\223\346\236\2045+.png" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\346\215\225\350\216\267.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\346\215\225\350\216\267.png" similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\346\215\225\350\216\267.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\346\215\225\350\216\267.png" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\350\256\276\347\275\256\346\226\271\345\220\221\344\270\272to-right\344\270\272\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\350\256\276\347\275\256\346\226\271\345\220\221\344\270\272to-right\344\270\272\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\350\256\276\347\275\256\346\226\271\345\220\221\344\270\272to-right\344\270\272\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\350\256\276\347\275\256\346\226\271\345\220\221\344\270\272to-right\344\270\272\344\273\216\345\267\246\345\220\221\345\217\263\346\270\220\345\217\230.png" diff --git "a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\351\273\230\350\256\244\346\270\220\345\217\230\346\226\271\345\220\221\344\270\272\344\273\216\344\270\212\345\220\221\344\270\213\346\270\220\345\217\230.png" "b/zh-cn/application-dev/reference/arkui-js/figures/\351\273\230\350\256\244\346\270\220\345\217\230\346\226\271\345\220\221\344\270\272\344\273\216\344\270\212\345\220\221\344\270\213\346\270\220\345\217\230.png" old mode 100755 new mode 100644 similarity index 100% rename from "zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/figures/\351\273\230\350\256\244\346\270\220\345\217\230\346\226\271\345\220\221\344\270\272\344\273\216\344\270\212\345\220\221\344\270\213\346\270\220\345\217\230.png" rename to "zh-cn/application-dev/reference/arkui-js/figures/\351\273\230\350\256\244\346\270\220\345\217\230\346\226\271\345\220\221\344\270\272\344\273\216\344\270\212\345\220\221\344\270\213\346\270\220\345\217\230.png" diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix-types.md b/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix-types.md rename to zh-cn/application-dev/reference/arkui-js/js-appendix-types.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix.md b/zh-cn/application-dev/reference/arkui-js/js-appendix.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-appendix.md rename to zh-cn/application-dev/reference/arkui-js/js-appendix.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-chart.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-chart.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-chart.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-chart.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-divider.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-divider.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-divider.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-divider.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image-animator.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-image-animator.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image-animator.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-image-animator.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-image.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-label.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-label.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-marquee.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-marquee.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-marquee.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-marquee.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-menu.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-menu.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-menu.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-option.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-option.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-option.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-option.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker-view.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker-view.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker-view.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-picker-view.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-picker.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-piece.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-piece.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-piece.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-piece.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-progress.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-progress.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-progress.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-progress.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-qrcode.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-qrcode.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-rating.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-rating.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-richtext.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-richtext.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-richtext.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-richtext.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-search.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-search.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-search.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-search.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-select.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-select.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-slider.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-slider.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-slider.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-slider.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-span.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-span.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-switch.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-switch.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-switch.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-textarea.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-toggle.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-toggle.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic-toolbar.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic-toolbar.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic-toolbar.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic.md b/zh-cn/application-dev/reference/arkui-js/js-components-basic.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-basic.md rename to zh-cn/application-dev/reference/arkui-js/js-components-basic.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvas.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvas.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-image.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-image.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-image.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-image.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagebitmap.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagebitmap.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagedata.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-imagedata.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-imagedata.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-path2d.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas-path2d.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas-path2d.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas-path2d.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas.md b/zh-cn/application-dev/reference/arkui-js/js-components-canvas.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-canvas.md rename to zh-cn/application-dev/reference/arkui-js/js-components-canvas.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-animation.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-animation.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-atomic-layout.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-atomic-layout.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-atomic-layout.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-atomic-layout.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-attributes.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-attributes.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-customizing-font.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-customizing-font.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-customizing-font.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-customizing-font.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-events.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-events.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-events.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-events.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-gradient.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-gradient.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-gradient.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-gradient.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-mediaquery.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-mediaquery.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-mediaquery.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-mediaquery.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-styles.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-styles.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-transition.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common-transition.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common.md b/zh-cn/application-dev/reference/arkui-js/js-components-common.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-common.md rename to zh-cn/application-dev/reference/arkui-js/js-components-common.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-badge.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-div.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-div.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-div.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-form.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-form.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-form.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-form.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item-group.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item-group.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-list-item-group.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list-item.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list-item.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-list-item.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-list.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-list.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-list.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-panel.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-panel.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-panel.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-panel.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-popup.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-popup.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-popup.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-refresh.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-refresh.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-refresh.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stack.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-stack.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stack.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-stack.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper-item.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper-item.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper-item.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-stepper-item.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-stepper.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-swiper.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-swiper.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-swiper.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-swiper.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-tab-bar.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-tab-bar.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-tab-content.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-tab-content.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md b/zh-cn/application-dev/reference/arkui-js/js-components-container-tabs.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container-tabs.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container.md b/zh-cn/application-dev/reference/arkui-js/js-components-container.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-container.md rename to zh-cn/application-dev/reference/arkui-js/js-components-container.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-basic-usage.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-basic-usage.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-event-parameter.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-event-parameter.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-event-parameter.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-event-parameter.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-events.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-events.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-events.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-events.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-lifecycle.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-lifecycle.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-lifecycle.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-lifecycle.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-props.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-props.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-props.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-props.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-slot.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom-slot.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom-slot.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom-slot.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom.md b/zh-cn/application-dev/reference/arkui-js/js-components-custom.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-custom.md rename to zh-cn/application-dev/reference/arkui-js/js-components-custom.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid-basic-concepts.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md rename to zh-cn/application-dev/reference/arkui-js/js-components-grid-basic-concepts.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-col.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-col.md rename to zh-cn/application-dev/reference/arkui-js/js-components-grid-col.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-container.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid-container.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-container.md rename to zh-cn/application-dev/reference/arkui-js/js-components-grid-container.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-row.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid-row.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid-row.md rename to zh-cn/application-dev/reference/arkui-js/js-components-grid-row.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid.md b/zh-cn/application-dev/reference/arkui-js/js-components-grid.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-grid.md rename to zh-cn/application-dev/reference/arkui-js/js-components-grid.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media-video.md b/zh-cn/application-dev/reference/arkui-js/js-components-media-video.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media-video.md rename to zh-cn/application-dev/reference/arkui-js/js-components-media-video.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media.md b/zh-cn/application-dev/reference/arkui-js/js-components-media.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-media.md rename to zh-cn/application-dev/reference/arkui-js/js-components-media.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animate.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-animate.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animate.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-animate.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatemotion.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-animatemotion.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatemotion.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-animatemotion.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatetransform.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-animatetransform.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-animatetransform.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-animatetransform.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-circle.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-circle.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-circle.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-circle.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-common-attributes.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-common-attributes.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-common-attributes.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-common-attributes.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-ellipse.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-ellipse.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-ellipse.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-ellipse.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-line.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-line.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-line.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-line.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-path.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-path.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-path.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-path.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polygon.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-polygon.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polygon.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-polygon.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polyline.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-polyline.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-polyline.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-polyline.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-rect.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-rect.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-rect.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-rect.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-text.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-text.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-text.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-text.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-textpath.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-textpath.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-textpath.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-textpath.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-tspan.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg-tspan.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg-tspan.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg-tspan.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg.md b/zh-cn/application-dev/reference/arkui-js/js-components-svg.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components-svg.md rename to zh-cn/application-dev/reference/arkui-js/js-components-svg.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components.md b/zh-cn/application-dev/reference/arkui-js/js-components.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-components.md rename to zh-cn/application-dev/reference/arkui-js/js-components.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-file.md b/zh-cn/application-dev/reference/arkui-js/js-framework-file.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-file.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-file.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-file.md b/zh-cn/application-dev/reference/arkui-js/js-framework-js-file.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-file.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-js-file.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-tag.md b/zh-cn/application-dev/reference/arkui-js/js-framework-js-tag.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-js-tag.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-js-tag.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-lifecycle.md b/zh-cn/application-dev/reference/arkui-js/js-framework-lifecycle.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-lifecycle.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-lifecycle.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-multiple-languages.md b/zh-cn/application-dev/reference/arkui-js/js-framework-multiple-languages.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-multiple-languages.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-multiple-languages.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-resource-restriction.md b/zh-cn/application-dev/reference/arkui-js/js-framework-resource-restriction.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-resource-restriction.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-resource-restriction.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-css.md b/zh-cn/application-dev/reference/arkui-js/js-framework-syntax-css.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-css.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-syntax-css.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-hml.md b/zh-cn/application-dev/reference/arkui-js/js-framework-syntax-hml.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-hml.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-syntax-hml.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-js.md b/zh-cn/application-dev/reference/arkui-js/js-framework-syntax-js.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax-js.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-syntax-js.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax.md b/zh-cn/application-dev/reference/arkui-js/js-framework-syntax.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework-syntax.md rename to zh-cn/application-dev/reference/arkui-js/js-framework-syntax.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework.md b/zh-cn/application-dev/reference/arkui-js/js-framework.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-framework.md rename to zh-cn/application-dev/reference/arkui-js/js-framework.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md rename to zh-cn/application-dev/reference/arkui-js/js-offscreencanvasrenderingcontext2d.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-svg.md b/zh-cn/application-dev/reference/arkui-js/js-svg.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-svg.md rename to zh-cn/application-dev/reference/arkui-js/js-svg.md diff --git a/zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-web-development-like.md b/zh-cn/application-dev/reference/arkui-js/js-web-development-like.md similarity index 100% rename from zh-cn/application-dev/js-reference/js-based-web-like-development-paradigm/js-web-development-like.md rename to zh-cn/application-dev/reference/arkui-js/js-web-development-like.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 new file mode 100644 index 0000000000000000000000000000000000000000..7282ed74e5d507e4721af6ec1c2fae2c7eae90ce --- /dev/null +++ b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md @@ -0,0 +1,178 @@ +# 基于TS扩展的声明式开发范式 + +- [框架说明](ts-framework-framework.md) + - [文件组织](ts-framework-file.md) + - [目录结构](ts-framework-directory.md) + - [应用代码文件访问规则](ts-framework-file-access-rules.md) + + - [js标签配置](ts-framework-js-tag.md) + - [资源访问](ts-resource-access.md) + - [媒体资源类型说明](ts-media-resource-type.md) + + - [像素单位](ts-pixel-units.md) + - [类型定义](ts-types.md) + +- [声明式语法](ts-declarative-syntax.md) + - [描述规范使用说明](ts-syntax-intro.md) + - [通用UI描述规范](ts-general-ui-description-specifications.md) + - [基本概念](ts-general-ui-concepts.md) + - [声明式UI描述规范](ts-declarative-ui-description-specifications.md) + - [无构造参数配置](ts-parameterless-configuration.md) + - [必选参数构造配置](ts-configuration-with-mandatory-parameters.md) + - [属性配置](ts-attribution-configuration.md) + - [事件配置](ts-event-configuration.md) + - [子组件配置](ts-child-component-configuration.md) + + - [组件化](ts-component-based.md) + - [@Component](ts-component-based-component.md) + - [@Entry](ts-component-based-entry.md) + - [@Preview](ts-component-based-preview.md) + - [@Builder](ts-component-based-builder.md) + - [@Extend](ts-component-based-extend.md) + - [@CustomDialog](ts-component-based-customdialog.md) + + - [UI状态管理](ts-ui-state-management.md) + - [基本概念](ts-ui-state-mgmt-concepts.md) + - [管理组件拥有的状态](ts-managing-component-states.md) + - [@State](ts-component-states-state.md) + - [@Prop](ts-component-states-prop.md) + - [@Link](ts-component-states-link.md) + + - [管理应用程序的状态](ts-managing-application-states.md) + - [接口](ts-managing-application-states-apis.md) + - [应用程序的数据存储](ts-application-states-appstorage.md) + - [持久化数据管理](ts-application-states-apis-persistentstorage.md) + - [环境变量](ts-application-states-apis-environment.md) + + - [AppStorage与组件同步](ts-application-states-storagelink-storageprop.md) + + - [其他类目的状态管理](ts-managing-other-states.md) + - [Observed和ObjectLink数据管理](ts-other-states-observed-objectlink.md) + - [@Consume和@Provide数据管理](ts-other-states-consume-provide.md) + - [@Watch](ts-other-states-watch.md) + + - [渲染控制语法](ts-rending-control-syntax.md) + - [条件渲染](ts-rending-control-syntax-if-else.md) + - [循环渲染](ts-rending-control-syntax-foreach.md) + - [数据懒加载](ts-rending-control-syntax-lazyforeach.md) + + - [深入理解组件化](ts-a-deep-dive-into-component.md) + - [build函数](ts-function-build.md) + - [自定义组件初始化](ts-custom-component-initialization.md) + - [自定义组件生命周期回调函数](ts-custom-component-lifecycle-callbacks.md) + - [组件创建和重新初始化示例](ts-component-creation-re-initialization.md) + + - [语法糖](ts-syntactic-sugar.md) + - [装饰器](ts-syntactic-sugar-decorator.md) + - [链式调用](ts-syntactic-sugar-chaining.md) + - [struct对象](ts-syntactic-sugar-struct.md) + - [在实例化过程中省略"new"](ts-instantiating-a-struct-without-new-keyword.md) + - [组件创建使用独立一行](ts-using-a-separate-line-for-new-component.md) + - [生成器函数内使用TS语言的限制](ts-restrictions-for-generators.md) + +- [组件](ts-components.md) + - [通用](ts-universal-components.md) + - [通用事件](ts-universal-events.md) + - [点击事件](ts-universal-events-click.md) + - [触摸事件](ts-universal-events-touch.md) + - [挂载卸载事件](ts-universal-events-show-hide.md) + - [按键事件](ts-universal-events-key.md) + + - [通用属性](ts-universal-attributes.md) + - [尺寸设置](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-gesture-processing.md) + - [绑定手势方法](ts-gesture-settings.md) + - [基础手势](ts-basic-gestures.md) + - [TapGesture](ts-basic-gestures-tapgesture.md) + - [LongPressGesture](ts-basic-gestures-longpressgesture.md) + - [PanGesture](ts-basic-gestures-pangesture.md) + - [PinchGesture](ts-basic-gestures-pinchgesture.md) + - [RotationGesture](ts-basic-gestures-rotationgesture.md) + + - [组合手势](ts-combined-gestures.md) + + - [基础组件](ts-basic-components.md) + - [Blank](ts-basic-components-blank.md) + - [Button](ts-basic-components-button.md) + - [DataPanel](ts-basic-components-datapanel.md) + - [Divider](ts-basic-components-divider.md) + - [Image](ts-basic-components-image.md) + - [ImageAnimator](ts-basic-components-imageanimator.md) + - [Progress](ts-basic-components-progress.md) + - [QRCode](ts-basic-components-qrcode.md) + - [Rating](ts-basic-components-rating.md) + - [Span](ts-basic-components-span.md) + - [Slider](ts-basic-components-slider.md) + - [Text](ts-basic-components-text.md) + + - [容器组件](ts-components-container.md) + - [AlphabetIndexer](ts-container-alphabet-indexer.md) + - [Badge](ts-container-badge.md) + - [Column](ts-container-column.md) + - [ColumnSplit](ts-container-columnsplit.md) + - [Counter](ts-container-counter.md) + - [Flex](ts-container-flex.md) + - [GridContainer](ts-container-gridcontainer.md) + - [Grid](ts-container-grid.md) + - [GridItem](ts-container-griditem.md) + - [List](ts-container-list.md) + - [ListItem](ts-container-listitem.md) + - [Navigator](ts-container-navigator.md) + - [Panel](ts-container-panel.md) + - [Row](ts-container-row.md) + - [RowSplit](ts-container-rowsplit.md) + - [Scroll](ts-container-scroll.md) + - [Stack](ts-container-stack.md) + - [Swiper](ts-container-swiper.md) + - [Tabs](ts-container-tabs.md) + - [TabContent](ts-container-tabcontent.md) + + - [绘制组件](ts-drawing-components.md) + - [Circle](ts-drawing-components-circle.md) + - [Ellipse](ts-drawing-components-ellipse.md) + - [Line](ts-drawing-components-line.md) + - [Polyline](ts-drawing-components-polyline.md) + - [Polygon](ts-drawing-components-polygon.md) + - [Path](ts-drawing-components-path.md) + - [Rect](ts-drawing-components-rect.md) + - [Shape](ts-drawing-components-shape.md) + +- [动画](ts-animation.md) + - [属性动画](ts-animatorproperty.md) + - [显式动画](ts-explicit-animation.md) + - [转场动画](ts-transition-animation.md) + - [页面间转场](ts-page-transition-animation.md) + - [组件内转场](ts-transition-animation-component.md) + - [共享元素转场](ts-transition-animation-shared-elements.md) + + - [路径动画](ts-motion-path-animation.md) + - [矩阵变换](ts-matrix-transformation.md) + - [插值计算](ts-interpolation-calculation.md) + +- [全局UI方法](ts-global-ui-methods.md) + - [警告弹窗](ts-methods-alert-dialog-box.md) + - [自定义弹窗](ts-methods-custom-dialog-box.md) + - [图片缓存](ts-methods-image-cache.md) + - [媒体查询](ts-methods-media-query.md) + +- [附录](ts-appendix.md) + - [文档中涉及到的内置枚举值](ts-appendix-enums.md) \ No newline at end of file diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/000000-5.png b/zh-cn/application-dev/reference/arkui-ts/figures/000000-5.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/000000-5.png rename to zh-cn/application-dev/reference/arkui-ts/figures/000000-5.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1-19.png b/zh-cn/application-dev/reference/arkui-ts/figures/1-19.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1-19.png rename to zh-cn/application-dev/reference/arkui-ts/figures/1-19.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1111.png b/zh-cn/application-dev/reference/arkui-ts/figures/1111.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/1111.png rename to zh-cn/application-dev/reference/arkui-ts/figures/1111.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/222.gif b/zh-cn/application-dev/reference/arkui-ts/figures/222.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/222.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/222.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/2222.png b/zh-cn/application-dev/reference/arkui-ts/figures/2222.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/2222.png rename to zh-cn/application-dev/reference/arkui-ts/figures/2222.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/5-20.gif b/zh-cn/application-dev/reference/arkui-ts/figures/5-20.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/5-20.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/5-20.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AlertDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/AlertDialog.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AlertDialog.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/AlertDialog.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AnimateTo.gif b/zh-cn/application-dev/reference/arkui-ts/figures/AnimateTo.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AnimateTo.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/AnimateTo.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AttrAnimation.gif b/zh-cn/application-dev/reference/arkui-ts/figures/AttrAnimation.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/AttrAnimation.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/AttrAnimation.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Button.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Button.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Button.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Button.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Click.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Click.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Click.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Click.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ColumnSplit.gif b/zh-cn/application-dev/reference/arkui-ts/figures/ColumnSplit.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ColumnSplit.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/ColumnSplit.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/CoreSpec_figures_state-mgmt-overview.png b/zh-cn/application-dev/reference/arkui-ts/figures/CoreSpec_figures_state-mgmt-overview.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/CoreSpec_figures_state-mgmt-overview.png rename to zh-cn/application-dev/reference/arkui-ts/figures/CoreSpec_figures_state-mgmt-overview.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Counter.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Counter.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Counter.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Counter.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/DisplayPriorityExample.gif b/zh-cn/application-dev/reference/arkui-ts/figures/DisplayPriorityExample.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/DisplayPriorityExample.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/DisplayPriorityExample.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex01.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Flex01.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex01.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Flex01.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex03.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Flex03.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex03.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Flex03.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex04-16.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Flex04-16.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex04-16.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Flex04-16.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex04.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/Flex04.jpg similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex04.jpg rename to zh-cn/application-dev/reference/arkui-ts/figures/Flex04.jpg diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex05.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Flex05.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Flex05.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Flex05.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/GestureGroup.gif b/zh-cn/application-dev/reference/arkui-ts/figures/GestureGroup.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/GestureGroup.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/GestureGroup.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/GestureSetting.gif b/zh-cn/application-dev/reference/arkui-ts/figures/GestureSetting.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/GestureSetting.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/GestureSetting.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image1.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image1.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image2.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Image2.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image3.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image3.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Image3.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Image3.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ImageAnimator.gif b/zh-cn/application-dev/reference/arkui-ts/figures/ImageAnimator.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ImageAnimator.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/ImageAnimator.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/KeyEvent.gif b/zh-cn/application-dev/reference/arkui-ts/figures/KeyEvent.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/KeyEvent.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/KeyEvent.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ListItem.gif b/zh-cn/application-dev/reference/arkui-ts/figures/ListItem.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ListItem.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/ListItem.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/LongPressGesture.gif b/zh-cn/application-dev/reference/arkui-ts/figures/LongPressGesture.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/LongPressGesture.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/LongPressGesture.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/MediaQuery.gif b/zh-cn/application-dev/reference/arkui-ts/figures/MediaQuery.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/MediaQuery.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/MediaQuery.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Navigator.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Navigator.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Navigator.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Navigator.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PageTransition1.gif b/zh-cn/application-dev/reference/arkui-ts/figures/PageTransition1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PageTransition1.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/PageTransition1.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PageTransition2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/PageTransition2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PageTransition2.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/PageTransition2.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PanGesture.gif b/zh-cn/application-dev/reference/arkui-ts/figures/PanGesture.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PanGesture.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/PanGesture.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Panel.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Panel.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Panel.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Panel.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PinchGesture.gif b/zh-cn/application-dev/reference/arkui-ts/figures/PinchGesture.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/PinchGesture.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/PinchGesture.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Rating.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Rating.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Rating.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Rating.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/RotationGesture.gif b/zh-cn/application-dev/reference/arkui-ts/figures/RotationGesture.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/RotationGesture.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/RotationGesture.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/RowSplit.gif b/zh-cn/application-dev/reference/arkui-ts/figures/RowSplit.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/RowSplit.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/RowSplit.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/SharedTransition.gif b/zh-cn/application-dev/reference/arkui-ts/figures/SharedTransition.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/SharedTransition.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/SharedTransition.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Span.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Span.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Span.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Span.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Tabs.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Tabs.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Tabs.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Tabs.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/TapGesture.gif b/zh-cn/application-dev/reference/arkui-ts/figures/TapGesture.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/TapGesture.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/TapGesture.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Text1.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Text1.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Text1.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Text1.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Text2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Text2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Text2.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Text2.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Touch.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Touch.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Touch.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Touch.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Transition.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Transition.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/Transition.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/Transition.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alphabetindexer.gif b/zh-cn/application-dev/reference/arkui-ts/figures/alphabetindexer.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/alphabetindexer.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/alphabetindexer.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/appear.gif b/zh-cn/application-dev/reference/arkui-ts/figures/appear.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/appear.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/appear.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/back.png b/zh-cn/application-dev/reference/arkui-ts/figures/back.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/back.png rename to zh-cn/application-dev/reference/arkui-ts/figures/back.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/badge.gif b/zh-cn/application-dev/reference/arkui-ts/figures/badge.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/badge.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/badge.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_h.gif b/zh-cn/application-dev/reference/arkui-ts/figures/blank_h.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_h.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/blank_h.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_v.gif b/zh-cn/application-dev/reference/arkui-ts/figures/blank_v.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blank_v.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/blank_v.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blue-6.png b/zh-cn/application-dev/reference/arkui-ts/figures/blue-6.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/blue-6.png rename to zh-cn/application-dev/reference/arkui-ts/figures/blue-6.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/border.gif b/zh-cn/application-dev/reference/arkui-ts/figures/border.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/border.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/border.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/brown-7.png b/zh-cn/application-dev/reference/arkui-ts/figures/brown-7.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/brown-7.png rename to zh-cn/application-dev/reference/arkui-ts/figures/brown-7.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/circle.png b/zh-cn/application-dev/reference/arkui-ts/figures/circle.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/circle.png rename to zh-cn/application-dev/reference/arkui-ts/figures/circle.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/clip.png b/zh-cn/application-dev/reference/arkui-ts/figures/clip.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/clip.png rename to zh-cn/application-dev/reference/arkui-ts/figures/clip.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/colorGradient.png b/zh-cn/application-dev/reference/arkui-ts/figures/colorGradient.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/colorGradient.png rename to zh-cn/application-dev/reference/arkui-ts/figures/colorGradient.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/column.gif b/zh-cn/application-dev/reference/arkui-ts/figures/column.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/column.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/column.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/customdialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/customdialog.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/customdialog.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/customdialog.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datapanel.png b/zh-cn/application-dev/reference/arkui-ts/figures/datapanel.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datapanel.png rename to zh-cn/application-dev/reference/arkui-ts/figures/datapanel.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datatype.png b/zh-cn/application-dev/reference/arkui-ts/figures/datatype.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/datatype.png rename to zh-cn/application-dev/reference/arkui-ts/figures/datatype.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/divider.png b/zh-cn/application-dev/reference/arkui-ts/figures/divider.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/divider.png rename to zh-cn/application-dev/reference/arkui-ts/figures/divider.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ellipse-18.png b/zh-cn/application-dev/reference/arkui-ts/figures/ellipse-18.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/ellipse-18.png rename to zh-cn/application-dev/reference/arkui-ts/figures/ellipse-18.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/enabled.gif b/zh-cn/application-dev/reference/arkui-ts/figures/enabled.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/enabled.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/enabled.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex.png b/zh-cn/application-dev/reference/arkui-ts/figures/flex.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex.png rename to zh-cn/application-dev/reference/arkui-ts/figures/flex.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex02.png b/zh-cn/application-dev/reference/arkui-ts/figures/flex02.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/flex02.png rename to zh-cn/application-dev/reference/arkui-ts/figures/flex02.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/green-9.png b/zh-cn/application-dev/reference/arkui-ts/figures/green-9.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/green-9.png rename to zh-cn/application-dev/reference/arkui-ts/figures/green-9.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grey-8.png b/zh-cn/application-dev/reference/arkui-ts/figures/grey-8.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grey-8.png rename to zh-cn/application-dev/reference/arkui-ts/figures/grey-8.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid-17.gif b/zh-cn/application-dev/reference/arkui-ts/figures/grid-17.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid-17.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/grid-17.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid.gif b/zh-cn/application-dev/reference/arkui-ts/figures/grid.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/grid.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/grid.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/griditem.gif b/zh-cn/application-dev/reference/arkui-ts/figures/griditem.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/griditem.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/griditem.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/line.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/line.jpg similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/line.jpg rename to zh-cn/application-dev/reference/arkui-ts/figures/line.jpg diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/list.gif b/zh-cn/application-dev/reference/arkui-ts/figures/list.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/list.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/list.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/menu.gif b/zh-cn/application-dev/reference/arkui-ts/figures/menu.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/menu.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/menu.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/motion.gif b/zh-cn/application-dev/reference/arkui-ts/figures/motion.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/motion.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/motion.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/opacity.gif b/zh-cn/application-dev/reference/arkui-ts/figures/opacity.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/opacity.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/opacity.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/orange-10.png b/zh-cn/application-dev/reference/arkui-ts/figures/orange-10.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/orange-10.png rename to zh-cn/application-dev/reference/arkui-ts/figures/orange-10.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/overlay.gif b/zh-cn/application-dev/reference/arkui-ts/figures/overlay.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/overlay.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/overlay.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/path.png b/zh-cn/application-dev/reference/arkui-ts/figures/path.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/path.png rename to zh-cn/application-dev/reference/arkui-ts/figures/path.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pink-11.png b/zh-cn/application-dev/reference/arkui-ts/figures/pink-11.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/pink-11.png rename to zh-cn/application-dev/reference/arkui-ts/figures/pink-11.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polygon.gif b/zh-cn/application-dev/reference/arkui-ts/figures/polygon.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polygon.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/polygon.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polyline.gif b/zh-cn/application-dev/reference/arkui-ts/figures/polyline.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/polyline.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/polyline.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/popup.gif b/zh-cn/application-dev/reference/arkui-ts/figures/popup.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/popup.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/popup.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position.gif b/zh-cn/application-dev/reference/arkui-ts/figures/position.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/position.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/position2.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/position2.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/position2.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/progress-15.png b/zh-cn/application-dev/reference/arkui-ts/figures/progress-15.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/progress-15.png rename to zh-cn/application-dev/reference/arkui-ts/figures/progress-15.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/q1.png b/zh-cn/application-dev/reference/arkui-ts/figures/q1.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/q1.png rename to zh-cn/application-dev/reference/arkui-ts/figures/q1.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/qrcode.png b/zh-cn/application-dev/reference/arkui-ts/figures/qrcode.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/qrcode.png rename to zh-cn/application-dev/reference/arkui-ts/figures/qrcode.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rect.png b/zh-cn/application-dev/reference/arkui-ts/figures/rect.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/rect.png rename to zh-cn/application-dev/reference/arkui-ts/figures/rect.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/red-12.png b/zh-cn/application-dev/reference/arkui-ts/figures/red-12.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/red-12.png rename to zh-cn/application-dev/reference/arkui-ts/figures/red-12.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/row.png b/zh-cn/application-dev/reference/arkui-ts/figures/row.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/row.png rename to zh-cn/application-dev/reference/arkui-ts/figures/row.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s1.png b/zh-cn/application-dev/reference/arkui-ts/figures/s1.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s1.png rename to zh-cn/application-dev/reference/arkui-ts/figures/s1.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s3.png b/zh-cn/application-dev/reference/arkui-ts/figures/s3.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s3.png rename to zh-cn/application-dev/reference/arkui-ts/figures/s3.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s4-(1).png b/zh-cn/application-dev/reference/arkui-ts/figures/s4-(1).png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/s4-(1).png rename to zh-cn/application-dev/reference/arkui-ts/figures/s4-(1).png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/scroll.gif b/zh-cn/application-dev/reference/arkui-ts/figures/scroll.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/scroll.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/scroll.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/shape.gif b/zh-cn/application-dev/reference/arkui-ts/figures/shape.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/shape.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/shape.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sider.gif b/zh-cn/application-dev/reference/arkui-ts/figures/sider.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/sider.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/sider.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/size.gif b/zh-cn/application-dev/reference/arkui-ts/figures/size.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/size.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/size.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/stack.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/stack.jpg similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/stack.jpg rename to zh-cn/application-dev/reference/arkui-ts/figures/stack.jpg diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/swiper.gif b/zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/swiper.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/swiper.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/textstyle.png b/zh-cn/application-dev/reference/arkui-ts/figures/textstyle.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/textstyle.png rename to zh-cn/application-dev/reference/arkui-ts/figures/textstyle.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/visibility.gif b/zh-cn/application-dev/reference/arkui-ts/figures/visibility.gif similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/visibility.gif rename to zh-cn/application-dev/reference/arkui-ts/figures/visibility.gif diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/white-13.png b/zh-cn/application-dev/reference/arkui-ts/figures/white-13.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/white-13.png rename to zh-cn/application-dev/reference/arkui-ts/figures/white-13.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/yellow-14.png b/zh-cn/application-dev/reference/arkui-ts/figures/yellow-14.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/yellow-14.png rename to zh-cn/application-dev/reference/arkui-ts/figures/yellow-14.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zIndex.png b/zh-cn/application-dev/reference/arkui-ts/figures/zIndex.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zIndex.png rename to zh-cn/application-dev/reference/arkui-ts/figures/zIndex.png diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zh-cn_image_0000001182200571.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001182200571.png similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/zh-cn_image_0000001182200571.png rename to zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001182200571.png diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" "b/zh-cn/application-dev/reference/arkui-ts/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\345\203\217\347\264\240\345\215\225\344\275\215.gif" diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\346\250\252\345\261\217\346\230\276\347\244\272.gif" "b/zh-cn/application-dev/reference/arkui-ts/figures/\346\250\252\345\261\217\346\230\276\347\244\272.gif" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\346\250\252\345\261\217\346\230\276\347\244\272.gif" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\346\250\252\345\261\217\346\230\276\347\244\272.gif" diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\347\253\226\345\261\217\346\230\276\347\244\272.gif" "b/zh-cn/application-dev/reference/arkui-ts/figures/\347\253\226\345\261\217\346\230\276\347\244\272.gif" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\347\253\226\345\261\217\346\230\276\347\244\272.gif" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\347\253\226\345\261\217\346\230\276\347\244\272.gif" diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272LG.png" "b/zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272LG.png" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272LG.png" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272LG.png" diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272MD.png" "b/zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272MD.png" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272MD.png" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272MD.png" diff --git "a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272SM.png" "b/zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272SM.png" similarity index 100% rename from "zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272SM.png" rename to "zh-cn/application-dev/reference/arkui-ts/figures/\350\256\276\345\244\207\345\256\275\345\272\246\344\270\272SM.png" diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md b/zh-cn/application-dev/reference/arkui-ts/ts-a-deep-dive-into-component.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md rename to zh-cn/application-dev/reference/arkui-ts/ts-a-deep-dive-into-component.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-animation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animatorproperty.md b/zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-animatorproperty.md rename to zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix-enums.md b/zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix-enums.md rename to zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix.md b/zh-cn/application-dev/reference/arkui-ts/ts-appendix.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-appendix.md rename to zh-cn/application-dev/reference/arkui-ts/ts-appendix.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md b/zh-cn/application-dev/reference/arkui-ts/ts-application-states-apis-environment.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md rename to zh-cn/application-dev/reference/arkui-ts/ts-application-states-apis-environment.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md b/zh-cn/application-dev/reference/arkui-ts/ts-application-states-apis-persistentstorage.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md rename to zh-cn/application-dev/reference/arkui-ts/ts-application-states-apis-persistentstorage.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-appstorage.md b/zh-cn/application-dev/reference/arkui-ts/ts-application-states-appstorage.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-appstorage.md rename to zh-cn/application-dev/reference/arkui-ts/ts-application-states-appstorage.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md b/zh-cn/application-dev/reference/arkui-ts/ts-application-states-storagelink-storageprop.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md rename to zh-cn/application-dev/reference/arkui-ts/ts-application-states-storagelink-storageprop.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-attribution-configuration.md b/zh-cn/application-dev/reference/arkui-ts/ts-attribution-configuration.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-attribution-configuration.md rename to zh-cn/application-dev/reference/arkui-ts/ts-attribution-configuration.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-blank.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-blank.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-button.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-button.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-button.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-button.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-divider.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-divider.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-divider.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-divider.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-image.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-image.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-progress.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-progress.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-qrcode.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-qrcode.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-rating.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-rating.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-slider.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-slider.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-span.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-span.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-text.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components-text.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-components.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-components.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-longpressgesture.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-longpressgesture.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pinchgesture.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pinchgesture.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-rotationgesture.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-rotationgesture.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-basic-gestures.md rename to zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-child-component-configuration.md b/zh-cn/application-dev/reference/arkui-ts/ts-child-component-configuration.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-child-component-configuration.md rename to zh-cn/application-dev/reference/arkui-ts/ts-child-component-configuration.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-combined-gestures.md b/zh-cn/application-dev/reference/arkui-ts/ts-combined-gestures.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-combined-gestures.md rename to zh-cn/application-dev/reference/arkui-ts/ts-combined-gestures.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-builder.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-builder.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-builder.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-builder.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-component.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-component.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-customdialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-customdialog.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-customdialog.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-customdialog.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-entry.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-entry.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-extend.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-extend.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-extend.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-extend.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-preview.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based-preview.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based-preview.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based-preview.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-based.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-based.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-based.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-creation-re-initialization.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-creation-re-initialization.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-link.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-states-link.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-link.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-states-link.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-prop.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-states-prop.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-prop.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-states-prop.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-state.md b/zh-cn/application-dev/reference/arkui-ts/ts-component-states-state.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-component-states-state.md rename to zh-cn/application-dev/reference/arkui-ts/ts-component-states-state.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components-container.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-container.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components-container.md rename to zh-cn/application-dev/reference/arkui-ts/ts-components-container.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components.md b/zh-cn/application-dev/reference/arkui-ts/ts-components.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-components.md rename to zh-cn/application-dev/reference/arkui-ts/ts-components.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md b/zh-cn/application-dev/reference/arkui-ts/ts-configuration-with-mandatory-parameters.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md rename to zh-cn/application-dev/reference/arkui-ts/ts-configuration-with-mandatory-parameters.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-alphabet-indexer.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-alphabet-indexer.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-badge.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-badge.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-badge.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-badge.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-column.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-column.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-column.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-column.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-columnsplit.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-columnsplit.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-columnsplit.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-columnsplit.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-counter.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-counter.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-counter.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-counter.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-flex.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-flex.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-flex.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-flex.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-grid.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-gridcontainer.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-gridcontainer.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-gridcontainer.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-gridcontainer.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-griditem.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-griditem.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-griditem.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-griditem.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-list.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-list.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-list.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-listitem.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-listitem.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-navigator.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-navigator.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-panel.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-panel.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-panel.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-panel.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-row.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-row.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-row.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-row.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-rowsplit.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-rowsplit.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-rowsplit.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-rowsplit.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-scroll.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-scroll.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-stack.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-stack.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-stack.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-stack.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-swiper.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-swiper.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabcontent.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabcontent.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabs.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-container-tabs.md rename to zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-initialization.md b/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-initialization.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-initialization.md rename to zh-cn/application-dev/reference/arkui-ts/ts-custom-component-initialization.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md b/zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle-callbacks.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md rename to zh-cn/application-dev/reference/arkui-ts/ts-custom-component-lifecycle-callbacks.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-syntax.md b/zh-cn/application-dev/reference/arkui-ts/ts-declarative-syntax.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-syntax.md rename to zh-cn/application-dev/reference/arkui-ts/ts-declarative-syntax.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md b/zh-cn/application-dev/reference/arkui-ts/ts-declarative-ui-description-specifications.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md rename to zh-cn/application-dev/reference/arkui-ts/ts-declarative-ui-description-specifications.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative.md b/zh-cn/application-dev/reference/arkui-ts/ts-declarative.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-declarative.md rename to zh-cn/application-dev/reference/arkui-ts/ts-declarative.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-circle.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-circle.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-line.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-line.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-path.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-path.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-rect.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-rect.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-shape.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components-shape.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-drawing-components.md rename to zh-cn/application-dev/reference/arkui-ts/ts-drawing-components.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-event-configuration.md b/zh-cn/application-dev/reference/arkui-ts/ts-event-configuration.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-event-configuration.md rename to zh-cn/application-dev/reference/arkui-ts/ts-event-configuration.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-explicit-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-explicit-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-explicit-animation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-explicit-animation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-directory.md b/zh-cn/application-dev/reference/arkui-ts/ts-framework-directory.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-directory.md rename to zh-cn/application-dev/reference/arkui-ts/ts-framework-directory.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md b/zh-cn/application-dev/reference/arkui-ts/ts-framework-file-access-rules.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md rename to zh-cn/application-dev/reference/arkui-ts/ts-framework-file-access-rules.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file.md b/zh-cn/application-dev/reference/arkui-ts/ts-framework-file.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-file.md rename to zh-cn/application-dev/reference/arkui-ts/ts-framework-file.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-framework.md b/zh-cn/application-dev/reference/arkui-ts/ts-framework-framework.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-framework.md rename to zh-cn/application-dev/reference/arkui-ts/ts-framework-framework.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-js-tag.md b/zh-cn/application-dev/reference/arkui-ts/ts-framework-js-tag.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-framework-js-tag.md rename to zh-cn/application-dev/reference/arkui-ts/ts-framework-js-tag.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-function-build.md b/zh-cn/application-dev/reference/arkui-ts/ts-function-build.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-function-build.md rename to zh-cn/application-dev/reference/arkui-ts/ts-function-build.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-concepts.md b/zh-cn/application-dev/reference/arkui-ts/ts-general-ui-concepts.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-concepts.md rename to zh-cn/application-dev/reference/arkui-ts/ts-general-ui-concepts.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md b/zh-cn/application-dev/reference/arkui-ts/ts-general-ui-description-specifications.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md rename to zh-cn/application-dev/reference/arkui-ts/ts-general-ui-description-specifications.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-processing.md b/zh-cn/application-dev/reference/arkui-ts/ts-gesture-processing.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-processing.md rename to zh-cn/application-dev/reference/arkui-ts/ts-gesture-processing.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-settings.md b/zh-cn/application-dev/reference/arkui-ts/ts-gesture-settings.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-gesture-settings.md rename to zh-cn/application-dev/reference/arkui-ts/ts-gesture-settings.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-global-ui-methods.md b/zh-cn/application-dev/reference/arkui-ts/ts-global-ui-methods.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-global-ui-methods.md rename to zh-cn/application-dev/reference/arkui-ts/ts-global-ui-methods.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md b/zh-cn/application-dev/reference/arkui-ts/ts-instantiating-a-struct-without-new-keyword.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md rename to zh-cn/application-dev/reference/arkui-ts/ts-instantiating-a-struct-without-new-keyword.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-interpolation-calculation.md b/zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-interpolation-calculation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md b/zh-cn/application-dev/reference/arkui-ts/ts-managing-application-states-apis.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md rename to zh-cn/application-dev/reference/arkui-ts/ts-managing-application-states-apis.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states.md b/zh-cn/application-dev/reference/arkui-ts/ts-managing-application-states.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-application-states.md rename to zh-cn/application-dev/reference/arkui-ts/ts-managing-application-states.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-component-states.md b/zh-cn/application-dev/reference/arkui-ts/ts-managing-component-states.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-component-states.md rename to zh-cn/application-dev/reference/arkui-ts/ts-managing-component-states.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-other-states.md b/zh-cn/application-dev/reference/arkui-ts/ts-managing-other-states.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-managing-other-states.md rename to zh-cn/application-dev/reference/arkui-ts/ts-managing-other-states.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-matrix-transformation.md b/zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-matrix-transformation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-media-resource-type.md b/zh-cn/application-dev/reference/arkui-ts/ts-media-resource-type.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-media-resource-type.md rename to zh-cn/application-dev/reference/arkui-ts/ts-media-resource-type.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md rename to zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md rename to zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-image-cache.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-image-cache.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-image-cache.md rename to zh-cn/application-dev/reference/arkui-ts/ts-methods-image-cache.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-media-query.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-media-query.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-methods-media-query.md rename to zh-cn/application-dev/reference/arkui-ts/ts-methods-media-query.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-motion-path-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-motion-path-animation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md b/zh-cn/application-dev/reference/arkui-ts/ts-other-states-consume-provide.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md rename to zh-cn/application-dev/reference/arkui-ts/ts-other-states-consume-provide.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md b/zh-cn/application-dev/reference/arkui-ts/ts-other-states-observed-objectlink.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md rename to zh-cn/application-dev/reference/arkui-ts/ts-other-states-observed-objectlink.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-watch.md b/zh-cn/application-dev/reference/arkui-ts/ts-other-states-watch.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-other-states-watch.md rename to zh-cn/application-dev/reference/arkui-ts/ts-other-states-watch.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-page-transition-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-page-transition-animation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-parameterless-configuration.md b/zh-cn/application-dev/reference/arkui-ts/ts-parameterless-configuration.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-parameterless-configuration.md rename to zh-cn/application-dev/reference/arkui-ts/ts-parameterless-configuration.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-pixel-units.md b/zh-cn/application-dev/reference/arkui-ts/ts-pixel-units.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-pixel-units.md rename to zh-cn/application-dev/reference/arkui-ts/ts-pixel-units.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md b/zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-foreach.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md rename to zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-foreach.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md b/zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-if-else.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md rename to zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-if-else.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md b/zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-lazyforeach.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md rename to zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax-lazyforeach.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax.md b/zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-rending-control-syntax.md rename to zh-cn/application-dev/reference/arkui-ts/ts-rending-control-syntax.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-resource-access.md b/zh-cn/application-dev/reference/arkui-ts/ts-resource-access.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-resource-access.md rename to zh-cn/application-dev/reference/arkui-ts/ts-resource-access.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md b/zh-cn/application-dev/reference/arkui-ts/ts-restrictions-for-generators.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md rename to zh-cn/application-dev/reference/arkui-ts/ts-restrictions-for-generators.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md b/zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-chaining.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md rename to zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-chaining.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md b/zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-decorator.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md rename to zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-decorator.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md b/zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-struct.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md rename to zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar-struct.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar.md b/zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntactic-sugar.md rename to zh-cn/application-dev/reference/arkui-ts/ts-syntactic-sugar.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntax-intro.md b/zh-cn/application-dev/reference/arkui-ts/ts-syntax-intro.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-syntax-intro.md rename to zh-cn/application-dev/reference/arkui-ts/ts-syntax-intro.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-component.md b/zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-component.md rename to zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md b/zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md rename to zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation.md b/zh-cn/application-dev/reference/arkui-ts/ts-transition-animation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-transition-animation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-transition-animation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-types.md b/zh-cn/application-dev/reference/arkui-ts/ts-types.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-types.md rename to zh-cn/application-dev/reference/arkui-ts/ts-types.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-management.md b/zh-cn/application-dev/reference/arkui-ts/ts-ui-state-management.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-management.md rename to zh-cn/application-dev/reference/arkui-ts/ts-ui-state-management.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md b/zh-cn/application-dev/reference/arkui-ts/ts-ui-state-mgmt-concepts.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md rename to zh-cn/application-dev/reference/arkui-ts/ts-ui-state-mgmt-concepts.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-background.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-background.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-border.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-border.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-location.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-location.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-location.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-location.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-menu.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-menu.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-opacity.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-opacity.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-size.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-size.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-visibility.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-visibility.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-z-order.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-z-order.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-attributes.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-components.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-components.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-components.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-components.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-click.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-click.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-click.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-events-click.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-key.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-key.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-events-show-hide.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-touch.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-touch.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events-touch.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-events-touch.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-universal-events.md rename to zh-cn/application-dev/reference/arkui-ts/ts-universal-events.md diff --git a/zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md b/zh-cn/application-dev/reference/arkui-ts/ts-using-a-separate-line-for-new-component.md similarity index 100% rename from zh-cn/application-dev/js-reference/ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md rename to zh-cn/application-dev/reference/arkui-ts/ts-using-a-separate-line-for-new-component.md diff --git a/zh-cn/application-dev/ui/ui-js-animate-component.md b/zh-cn/application-dev/ui/ui-js-animate-component.md index c846ec108de5d927b5b3bd751fd4a013c3321047..426d40730fa23ffa035601415bf3f6b36d2df71d 100644 --- a/zh-cn/application-dev/ui/ui-js-animate-component.md +++ b/zh-cn/application-dev/ui/ui-js-animate-component.md @@ -1,6 +1,6 @@ # 组件动画 -在组件上创建和运行动画的快捷方式。具体用法请参考[通用方法](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md)。 +在组件上创建和运行动画的快捷方式。具体用法请参考[通用方法](../reference/arkui-js/js-components-common-methods.md)。 ## 获取动画对象 diff --git a/zh-cn/application-dev/ui/ui-js-animate-dynamic-effects.md b/zh-cn/application-dev/ui/ui-js-animate-dynamic-effects.md index ac5252dcb9d52b332ed80d8e0ea6313cb364fa5b..0fbc34c2d3822fc3285e74b630cdc3e0cfb7249b 100644 --- a/zh-cn/application-dev/ui/ui-js-animate-dynamic-effects.md +++ b/zh-cn/application-dev/ui/ui-js-animate-dynamic-effects.md @@ -1,6 +1,6 @@ # 动画动效 -通过设置插值器来实现动画效果。具体用法请参考[动画](../js-reference/apis/js-apis-basic-features-animator.md)。 +通过设置插值器来实现动画效果。具体用法请参考[动画](../reference/apis/js-apis-basic-features-animator.md)。 > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** >从API Version 6 开始支持。 diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-animation.md b/zh-cn/application-dev/ui/ui-js-building-ui-animation.md index 9164b1c5cf6faf6770d98d49f9202edc8be35850..38c52678dd6122d566ae24c025f44f833dab3f21 100755 --- a/zh-cn/application-dev/ui/ui-js-building-ui-animation.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-animation.md @@ -13,7 +13,7 @@ - **rotate**：将指定组件沿横轴或纵轴或中心点旋转指定的角度。 -具体的使用示例如下，更多信息请参考[组件方法](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md)。 +具体的使用示例如下，更多信息请参考[组件方法](../reference/arkui-js/js-components-common-methods.md)。 ``` diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-component.md b/zh-cn/application-dev/ui/ui-js-building-ui-component.md index e5a8371c06d4c918c8cdf7ccbd2fc6d6d83a4e17..e0a91c12b4e9032adfaa4e21cc4f3576f4a74605 100755 --- a/zh-cn/application-dev/ui/ui-js-building-ui-component.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-component.md @@ -1,6 +1,6 @@ # 组件介绍 -组件（Component）是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。关于组件的详细参考文档请参见[组件](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md)。 +组件（Component）是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。关于组件的详细参考文档请参见[组件](../reference/arkui-js/js-components-common-attributes.md)。 开发者还可以通过组件间合理的搭配定义满足业务需求的新组件，减少开发量，自定义组件的开发方法请参见[自定义组件](../ui/ui-js-custom-components.md)。 diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-interactions.md b/zh-cn/application-dev/ui/ui-js-building-ui-interactions.md index 0c392b1eb16e2be080f8dfe0e153faa8a82243eb..bbc49790403db1e3ef3dcbbae5170e289413c543 100755 --- a/zh-cn/application-dev/ui/ui-js-building-ui-interactions.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-interactions.md @@ -77,4 +77,4 @@ export default { ``` -除此之外，还提供了很多表单组件，例如开关、标签、滑动选择器等，以便于开发者在页面布局时灵活使用和提高交互性，详见[容器组件](../js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md)。 +除此之外，还提供了很多表单组件，例如开关、标签、滑动选择器等，以便于开发者在页面布局时灵活使用和提高交互性，详见[容器组件](../reference/arkui-js/js-components-container-badge.md)。 diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-layout-image.md b/zh-cn/application-dev/ui/ui-js-building-ui-layout-image.md index e6b3971ec69112afccfee04461294d827d74946c..1af42fc8c51871290cbbcf96e16a882b301b3d37 100755 --- a/zh-cn/application-dev/ui/ui-js-building-ui-layout-image.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-layout-image.md @@ -1,9 +1,9 @@ # 添加图片区域 -添加图片区域通常用[image](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md)组件来实现，使用的方法和text组件类似。 +添加图片区域通常用[image](../reference/arkui-js/js-components-basic-image.md)组件来实现，使用的方法和text组件类似。 -图片资源建议放在jsdefaultcommon目录下，common目录需自行创建，详细的目录结构见[目录结构](../js-reference/js-based-web-like-development-paradigm/js-framework-file.md#目录结构)。代码示例如下： +图片资源建议放在jsdefaultcommon目录下，common目录需自行创建，详细的目录结构见[目录结构](../reference/arkui-js/js-framework-file.md#目录结构)。代码示例如下： ``` diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-layout-text.md b/zh-cn/application-dev/ui/ui-js-building-ui-layout-text.md index 1cf2a0a761f1a80787d0ce8d8cdb0bc3c4ad2b39..cb3a7c1a186b90c4fd1395d00e363295dd9e91a1 100755 --- a/zh-cn/application-dev/ui/ui-js-building-ui-layout-text.md +++ b/zh-cn/application-dev/ui/ui-js-building-ui-layout-text.md @@ -1,6 +1,6 @@ # 添加标题行和文本区域 -实现标题和文本区域最常用的是基础组件text。text组件用于展示文本，可以设置不同的属性和样式，文本内容需要写在标签内容区，完整属性和样式信息请参考[text](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md)。在页面中插入标题和文本区域的示例如下： +实现标题和文本区域最常用的是基础组件text。text组件用于展示文本，可以设置不同的属性和样式，文本内容需要写在标签内容区，完整属性和样式信息请参考[text](../reference/arkui-js/js-components-basic-text.md)。在页面中插入标题和文本区域的示例如下： ``` diff --git a/zh-cn/application-dev/ui/ui-js-component-tabs.md b/zh-cn/application-dev/ui/ui-js-component-tabs.md index e8da9dac133433b93816be8f274e11accae2edd9..8d653761d56920aaa47b42a7628ee101fb69d5ea 100644 --- a/zh-cn/application-dev/ui/ui-js-component-tabs.md +++ b/zh-cn/application-dev/ui/ui-js-component-tabs.md @@ -1,6 +1,6 @@ # Tabs -Tabs是一种常见的界面导航结构。通过页签容器，用户可以快捷地访问应用的不同模块。具体用法请参考[Tabs API](../js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md)。 +Tabs是一种常见的界面导航结构。通过页签容器，用户可以快捷地访问应用的不同模块。具体用法请参考[Tabs API](../reference/arkui-js/js-components-container-tabs.md)。 ## 创建Tabs @@ -189,7 +189,7 @@ export default { > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** -> - tabs子组件仅支持一个[](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md)和一个[](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md)。 +> - tabs子组件仅支持一个[](../reference/arkui-js/js-components-container-tab-bar.md)和一个[](../reference/arkui-js/js-components-container-tab-content.md)。 ## 场景示例 diff --git a/zh-cn/application-dev/ui/ui-js-components-button.md b/zh-cn/application-dev/ui/ui-js-components-button.md index 5c99706e50eba54dc0277e1e02802f19052ed022..2c05b9c6ff704f1d1f26a94f6ffbf28b7fd2102c 100644 --- a/zh-cn/application-dev/ui/ui-js-components-button.md +++ b/zh-cn/application-dev/ui/ui-js-components-button.md @@ -1,6 +1,6 @@ # Button -Button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。具体用法请参考[Button API](../js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md)。 +Button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。具体用法请参考[Button API](../reference/arkui-js/js-components-basic-button.md)。 ## 创建Button组件 diff --git a/zh-cn/application-dev/ui/ui-js-components-dialog.md b/zh-cn/application-dev/ui/ui-js-components-dialog.md index d83a6b7d062586214ff9b343f3c4e510f291f48f..db9ebf69969a8a86b355df42fc43342cea87f3cf 100644 --- a/zh-cn/application-dev/ui/ui-js-components-dialog.md +++ b/zh-cn/application-dev/ui/ui-js-components-dialog.md @@ -1,6 +1,6 @@ # Dialog -Dialog组件用于创建自定义弹窗，通常用来展示用户当前需要或用户必须关注的信息或操作。具体用法请参考[Dialog API](../js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md)。 +Dialog组件用于创建自定义弹窗，通常用来展示用户当前需要或用户必须关注的信息或操作。具体用法请参考[Dialog API](../reference/arkui-js/js-components-container-dialog.md)。 ## 创建Dialog组件 @@ -139,7 +139,7 @@ export default { ## 场景示例 -在本场景中，开发者可以通过Dialog组件实现一个日程表。弹窗在打开状态下，利用[Textarea组件](../js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md)输入当前日程，点击确认按钮后获取当前时间并保存输入文本。最后以列表形式将各日程进行展示。 +在本场景中，开发者可以通过Dialog组件实现一个日程表。弹窗在打开状态下，利用[Textarea组件](../reference/arkui-js/js-components-basic-textarea.md)输入当前日程，点击确认按钮后获取当前时间并保存输入文本。最后以列表形式将各日程进行展示。 ``` diff --git a/zh-cn/application-dev/ui/ui-js-components-form.md b/zh-cn/application-dev/ui/ui-js-components-form.md index 2c1ee6edcc107b59c7a9755ff883ef36d0008864..37d558842d84d90c0fc9c2f7208e9702d3c84ac8 100644 --- a/zh-cn/application-dev/ui/ui-js-components-form.md +++ b/zh-cn/application-dev/ui/ui-js-components-form.md @@ -1,6 +1,6 @@ # Form -Form是一个表单容器，支持容器内[Input](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md)组件内容的提交和重置。具体用法请参考[Form API](../js-reference/js-based-web-like-development-paradigm/js-components-container-form.md)。 +Form是一个表单容器，支持容器内[Input](../reference/arkui-js/js-components-basic-input.md)组件内容的提交和重置。具体用法请参考[Form API](../reference/arkui-js/js-components-container-form.md)。 > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** @@ -33,7 +33,7 @@ Form是一个表单容器，支持容器内[Input](../js-reference/js-based-web- ## 实现表单缩放 -为Form组件添加click-effect属性，实现点击表单后的缩放效果，click-effect枚举值请参考[通用属性](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md)。 +为Form组件添加click-effect属性，实现点击表单后的缩放效果，click-effect枚举值请参考[通用属性](../reference/arkui-js/js-components-common-attributes.md)。 ```
@@ -117,7 +117,7 @@ export default{ 在本场景中，开发者可以选择相应选项并提交或重置数据。 -创建[Input](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md)组件，分别设置type属性为checkbox（多选框）和radio（单选框），再使用Form组件的onsubmit和onreset事件实现表单数据的提交与重置。 +创建[Input](../reference/arkui-js/js-components-basic-input.md)组件，分别设置type属性为checkbox（多选框）和radio（单选框），再使用Form组件的onsubmit和onreset事件实现表单数据的提交与重置。 ``` diff --git a/zh-cn/application-dev/ui/ui-js-components-images.md b/zh-cn/application-dev/ui/ui-js-components-images.md index 66fe712fe1211ebb985f79bd9ed017feef438e1c..1ddb7b940488e8ec680c96aec575c9874b691e2e 100644 --- a/zh-cn/application-dev/ui/ui-js-components-images.md +++ b/zh-cn/application-dev/ui/ui-js-components-images.md @@ -1,6 +1,6 @@ # Image -Image是图片组件，用来渲染展示图片。具体用法请参考[Image API](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md)。 +Image是图片组件，用来渲染展示图片。具体用法请参考[Image API](../reference/arkui-js/js-components-basic-image.md)。 ## 创建Image组件 diff --git a/zh-cn/application-dev/ui/ui-js-components-input.md b/zh-cn/application-dev/ui/ui-js-components-input.md index 57b3a57e80a394d778a49f46f264be26afbc9ce1..5784b04a1ea8c0520156c4ebc565a0b9586536b9 100644 --- a/zh-cn/application-dev/ui/ui-js-components-input.md +++ b/zh-cn/application-dev/ui/ui-js-components-input.md @@ -1,6 +1,6 @@ # Input -Input是交互式组件，用于接收用户数据。其类型可设置为日期、多选框和按钮等。具体用法请参考[Input API](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md)。 +Input是交互式组件，用于接收用户数据。其类型可设置为日期、多选框和按钮等。具体用法请参考[Input API](../reference/arkui-js/js-components-basic-input.md)。 ## 创建Input组件 diff --git a/zh-cn/application-dev/ui/ui-js-components-list.md b/zh-cn/application-dev/ui/ui-js-components-list.md index 37951eff8941b04a4858b62fb44afaefec0a3715..b350516343fff024e4ba98969719aab588f1afb4 100644 --- a/zh-cn/application-dev/ui/ui-js-components-list.md +++ b/zh-cn/application-dev/ui/ui-js-components-list.md @@ -1,6 +1,6 @@ # List -List是用来显示列表的组件，包含一系列相同宽度的列表项，适合连续、多行地呈现同类数据。具体用法请参考[List API](../js-reference/js-based-web-like-development-paradigm/js-components-container-list.md)。 +List是用来显示列表的组件，包含一系列相同宽度的列表项，适合连续、多行地呈现同类数据。具体用法请参考[List API](../reference/arkui-js/js-components-container-list.md)。 ## 创建List组件 diff --git a/zh-cn/application-dev/ui/ui-js-components-picker.md b/zh-cn/application-dev/ui/ui-js-components-picker.md index 7c6803633183f2fc0641413d8222c622fe8d5c8f..04f2b0711bb2558d8e8be422d21360678bdf83d6 100644 --- a/zh-cn/application-dev/ui/ui-js-components-picker.md +++ b/zh-cn/application-dev/ui/ui-js-components-picker.md @@ -1,6 +1,6 @@ # Picker -Picker是滑动选择器组件，类型支持普通选择器、日期选择器、时间选择器、时间日期选择器和多列文本选择器。具体用法请参考[Picker API](../js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md)。 +Picker是滑动选择器组件，类型支持普通选择器、日期选择器、时间选择器、时间日期选择器和多列文本选择器。具体用法请参考[Picker API](../reference/arkui-js/js-components-basic-picker.md)。 ## 创建Picker组件 diff --git a/zh-cn/application-dev/ui/ui-js-components-stepper.md b/zh-cn/application-dev/ui/ui-js-components-stepper.md index a27263135a4f093a9cd3134878971797299bb019..45fb31f3c9d67820c7cdc59291bb3a94e407eb0c 100644 --- a/zh-cn/application-dev/ui/ui-js-components-stepper.md +++ b/zh-cn/application-dev/ui/ui-js-components-stepper.md @@ -1,6 +1,6 @@ # Stepper -当一个任务需要多个步骤时，可以使用stepper组件展示当前进展。具体用法请参考[Stepper API](../js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md)。 +当一个任务需要多个步骤时，可以使用stepper组件展示当前进展。具体用法请参考[Stepper API](../reference/arkui-js/js-components-container-stepper.md)。 > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：** @@ -236,7 +236,7 @@ export default { 在本场景中，开发者可以在界面上点击选择并实时显示选择结果，点击下一步按钮后可动态修改页面的字体颜色和字体大小。 -用Stepper组件实现分步，再创建[Toggle](../js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md)组件实现选择显示功能，再使用[Select](../js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md)组件实现改变选中值动态修改字体颜色或大小。 +用Stepper组件实现分步，再创建[Toggle](../reference/arkui-js/js-components-basic-toggle.md)组件实现选择显示功能，再使用[Select](../reference/arkui-js/js-components-basic-select.md)组件实现改变选中值动态修改字体颜色或大小。 ```
diff --git a/zh-cn/application-dev/ui/ui-js-components-text.md b/zh-cn/application-dev/ui/ui-js-components-text.md index 0188a284173e07afc8e87858f3414a5db9443d9d..dd8a490a7f546f7bdb42a745efcbac07e68989c9 100644 --- a/zh-cn/application-dev/ui/ui-js-components-text.md +++ b/zh-cn/application-dev/ui/ui-js-components-text.md @@ -1,6 +1,6 @@ # Text -Text是文本组件，用于呈现一段文本信息。具体用法请参考[Text API](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md)。 +Text是文本组件，用于呈现一段文本信息。具体用法请参考[Text API](../reference/arkui-js/js-components-basic-text.md)。 ## 创建Text组件 @@ -187,7 +187,7 @@ font-size: 50px; ![zh-cn_image_0000001209033195](figures/zh-cn_image_0000001209033195.png) -- Text组件支持[Span](../js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md)子组件 +- Text组件支持[Span](../reference/arkui-js/js-components-basic-span.md)子组件 ``` diff --git a/zh-cn/application-dev/ui/ui-js-custom-components.md b/zh-cn/application-dev/ui/ui-js-custom-components.md index 4cd1078b045a6651bb658593692c848b3c4bed62..fe36a56756f2c968147204321b16a472321efa11 100755 --- a/zh-cn/application-dev/ui/ui-js-custom-components.md +++ b/zh-cn/application-dev/ui/ui-js-custom-components.md @@ -92,7 +92,7 @@ ``` -本示例中父组件通过添加自定义属性向子组件传递了名称为title的参数，子组件在props中接收。同时子组件也通过事件绑定向上传递了参数text，接收时通过e.detail获取。要绑定子组件事件，父组件事件命名必须遵循事件绑定规则，详见[自定义组件开发规范](../js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md)。自定义组件效果如下图所示： +本示例中父组件通过添加自定义属性向子组件传递了名称为title的参数，子组件在props中接收。同时子组件也通过事件绑定向上传递了参数text，接收时通过e.detail获取。要绑定子组件事件，父组件事件命名必须遵循事件绑定规则，详见[自定义组件开发规范](../reference/arkui-js/js-components-custom-basic-usage.md)。自定义组件效果如下图所示： **图1** 自定义组件的效果 diff --git a/zh-cn/application-dev/ui/ui-ts-components.md b/zh-cn/application-dev/ui/ui-ts-components.md index 88c26b9eff9d12724db743192818c8c43ecab29a..f46cb78e8d8ec586252bea94e1f736b762c45175 100644 --- a/zh-cn/application-dev/ui/ui-ts-components.md +++ b/zh-cn/application-dev/ui/ui-ts-components.md @@ -5,7 +5,7 @@ ## 组件和装饰器 -在声明式UI中，所有的页面都是由组件构成。组件的数据结构为struct，装饰器[@Component](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md)是组件化的标志。用@Component修饰的struct表示这个结构体有了组件化的能力。 +在声明式UI中，所有的页面都是由组件构成。组件的数据结构为struct，装饰器[@Component](../reference/arkui-ts/ts-component-based-component.md)是组件化的标志。用@Component修饰的struct表示这个结构体有了组件化的能力。 自定义组件的声明方式为： @@ -22,7 +22,7 @@ interface Builder { } ``` -[@Entry](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md)修饰的Component表示该Component是页面的总入口，也可以理解为页面的根节点。值得注意的是，一个页面有且仅能有一个@Entry，只有被@Entry修饰的组件或者其子组件，才会在页面上显示。 +[@Entry](../reference/arkui-ts/ts-component-based-entry.md)修饰的Component表示该Component是页面的总入口，也可以理解为页面的根节点。值得注意的是，一个页面有且仅能有一个@Entry，只有被@Entry修饰的组件或者其子组件，才会在页面上显示。 @Component和@Entry都是基础且十分重要的装饰器。简单地理解，装饰器就是某一种修饰，给被装饰的对象赋予某一种能力，比如@Entry就是页面入口的能力，@Component就是组件化能力。