From 6af06b06f2fc97ef1dafa1789994af64e7c8543e Mon Sep 17 00:00:00 2001 From: "ester.zhou" Date: Sat, 25 May 2024 14:44:13 +0800 Subject: [PATCH] Update docs (13646) Signed-off-by: ester.zhou --- .../apis-arkui/arkui-js-lite/Readme-EN.md | 62 +++++++------- ...ibutes.md => js-lite-common-attributes.md} | 0 ...mon-events.md => js-lite-common-events.md} | 0 ...mon-styles.md => js-lite-common-styles.md} | 0 ...t.md => js-lite-components-basic-chart.md} | 2 +- ...s-lite-components-basic-image-animator.md} | 2 +- ...e.md => js-lite-components-basic-image.md} | 2 +- ...t.md => js-lite-components-basic-input.md} | 4 +- ...md => js-lite-components-basic-marquee.md} | 2 +- ...> js-lite-components-basic-picker-view.md} | 0 ...d => js-lite-components-basic-progress.md} | 2 +- ....md => js-lite-components-basic-qrcode.md} | 2 +- ....md => js-lite-components-basic-slider.md} | 2 +- ....md => js-lite-components-basic-switch.md} | 2 +- ...xt.md => js-lite-components-basic-text.md} | 2 +- ...md => js-lite-components-canvas-canvas.md} | 4 +- ...onents-canvas-canvasrenderingcontext2d.md} | 0 ...=> js-lite-components-common-animation.md} | 0 ...> js-lite-components-common-mediaquery.md} | 0 ...md => js-lite-components-container-div.md} | 2 +- ...js-lite-components-container-list-item.md} | 6 +- ...d => js-lite-components-container-list.md} | 4 +- ... => js-lite-components-container-stack.md} | 2 +- ...=> js-lite-components-container-swiper.md} | 2 +- ...work-file.md => js-lite-framework-file.md} | 2 +- ...s-file.md => js-lite-framework-js-file.md} | 0 ...-js-tag.md => js-lite-framework-js-tag.md} | 0 ...ycle.md => js-lite-framework-lifecycle.md} | 0 ...n.md => js-lite-framework-localization.md} | 2 +- ...css.md => js-lite-framework-syntax-css.md} | 0 ...hml.md => js-lite-framework-syntax-hml.md} | 0 ...x-js.md => js-lite-framework-syntax-js.md} | 0 .../ts-universal-attributes-reuse-id.md | 80 +++++++++++++++++++ .../js-apis-arkui-performancemonitor-sys.md | 71 ++++++++++++++++ .../apis-arkui/js-apis-getContext.md | 2 +- en/application-dev/ui/Readme-EN.md | 2 +- 36 files changed, 207 insertions(+), 56 deletions(-) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-common-attributes.md => js-lite-common-attributes.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-common-events.md => js-lite-common-events.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-common-styles.md => js-lite-common-styles.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-chart.md => js-lite-components-basic-chart.md} (99%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-image-animator.md => js-lite-components-basic-image-animator.md} (99%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-image.md => js-lite-components-basic-image.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-input.md => js-lite-components-basic-input.md} (96%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-marquee.md => js-lite-components-basic-marquee.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-picker-view.md => js-lite-components-basic-picker-view.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-progress.md => js-lite-components-basic-progress.md} (98%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-qrcode.md => js-lite-components-basic-qrcode.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-slider.md => js-lite-components-basic-slider.md} (98%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-switch.md => js-lite-components-basic-switch.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-basic-text.md => js-lite-components-basic-text.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-canvas-canvas.md => js-lite-components-canvas-canvas.md} (94%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-canvas-canvasrenderingcontext2d.md => js-lite-components-canvas-canvasrenderingcontext2d.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-common-animation.md => js-lite-components-common-animation.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-common-mediaquery.md => js-lite-components-common-mediaquery.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-container-div.md => js-lite-components-container-div.md} (98%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-container-list-item.md => js-lite-components-container-list-item.md} (89%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-container-list.md => js-lite-components-container-list.md} (96%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-container-stack.md => js-lite-components-container-stack.md} (98%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-components-container-swiper.md => js-lite-components-container-swiper.md} (97%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-file.md => js-lite-framework-file.md} (95%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-js-file.md => js-lite-framework-js-file.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-js-tag.md => js-lite-framework-js-tag.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-lifecycle.md => js-lite-framework-lifecycle.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-localization.md => js-lite-framework-localization.md} (92%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-syntax-css.md => js-lite-framework-syntax-css.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-syntax-hml.md => js-lite-framework-syntax-hml.md} (100%) rename en/application-dev/reference/apis-arkui/arkui-js-lite/{js-framework-syntax-js.md => js-lite-framework-syntax-js.md} (100%) create mode 100644 en/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-reuse-id.md create mode 100644 en/application-dev/reference/apis-arkui/js-apis-arkui-performancemonitor-sys.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/Readme-EN.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/Readme-EN.md index 363b958ad9d..19081eafef9 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/Readme-EN.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/Readme-EN.md @@ -1,39 +1,39 @@ # JavaScript-compatible Web-like Development Paradigm (ArkUI.Lite) - Framework Overview - - [File Organization](js-framework-file.md) - - ["js" Tag](js-framework-js-tag.md) - - [app.js](js-framework-js-file.md) - - [Lifecycle](js-framework-lifecycle.md) - - [Multi-Language Capability](js-framework-localization.md) + - [File Organization](js-lite-framework-file.md) + - ["js" Tag](js-lite-framework-js-tag.md) + - [app.js](js-lite-framework-js-file.md) + - [Lifecycle](js-lite-framework-lifecycle.md) + - [Multi-Language Capability](js-lite-framework-localization.md) - Syntax - - [HML](js-framework-syntax-hml.md) - - [CSS](js-framework-syntax-css.md) - - [JavaScript](js-framework-syntax-js.md) + - [HML](js-lite-framework-syntax-hml.md) + - [CSS](js-lite-framework-syntax-css.md) + - [JavaScript](js-lite-framework-syntax-js.md) - Universal Component Information - - [Universal Events](js-common-events.md) - - [Universal Attributes](js-common-attributes.md) - - [Universal Styles](js-common-styles.md) - - [Animation Styles](js-components-common-animation.md) - - [Media Query](js-components-common-mediaquery.md) + - [Universal Events](js-lite-common-events.md) + - [Universal Attributes](js-lite-common-attributes.md) + - [Universal Styles](js-lite-common-styles.md) + - [Animation Styles](js-lite-components-common-animation.md) + - [Media Query](js-lite-components-common-mediaquery.md) - Container Components - - [div](js-components-container-div.md) - - [list](js-components-container-list.md) - - [list-item](js-components-container-list-item.md) - - [stack](js-components-container-stack.md) - - [swiper](js-components-container-swiper.md) + - [div](js-lite-components-container-div.md) + - [list](js-lite-components-container-list.md) + - [list-item](js-lite-components-container-list-item.md) + - [stack](js-lite-components-container-stack.md) + - [swiper](js-lite-components-container-swiper.md) - Basic Components - - [chart](js-components-basic-chart.md) - - [image](js-components-basic-image.md) - - [image-animator](js-components-basic-image-animator.md) - - [input](js-components-basic-input.md) - - [marquee](js-components-basic-marquee.md) - - [picker-view](js-components-basic-picker-view.md) - - [progress](js-components-basic-progress.md) - - [qrcode](js-components-basic-qrcode.md) - - [slider](js-components-basic-slider.md) - - [switch](js-components-basic-switch.md) - - [text](js-components-basic-text.md) + - [chart](js-lite-components-basic-chart.md) + - [image](js-lite-components-basic-image.md) + - [image-animator](js-lite-components-basic-image-animator.md) + - [input](js-lite-components-basic-input.md) + - [marquee](js-lite-components-basic-marquee.md) + - [picker-view](js-lite-components-basic-picker-view.md) + - [progress](js-lite-components-basic-progress.md) + - [qrcode](js-lite-components-basic-qrcode.md) + - [slider](js-lite-components-basic-slider.md) + - [switch](js-lite-components-basic-switch.md) + - [text](js-lite-components-basic-text.md) - Canvas Components - - [canvas](js-components-canvas-canvas.md) - - [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md) \ No newline at end of file + - [canvas](js-lite-components-canvas-canvas.md) + - [CanvasRenderingContext2D](js-lite-components-canvas-canvasrenderingcontext2d.md) \ No newline at end of file diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-attributes.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-attributes.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-attributes.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-attributes.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-events.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-events.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-events.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-events.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-styles.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-styles.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-common-styles.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-common-styles.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-chart.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-chart.md similarity index 99% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-chart.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-chart.md index fe9c3886150..e92d9461e27 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-chart.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-chart.md @@ -102,7 +102,7 @@ Not supported | ------------------ | --------------------------------- | ----------- | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image-animator.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image-animator.md similarity index 99% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image-animator.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image-animator.md index 12337b0516b..87e7fee99ac 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image-animator.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image-animator.md @@ -45,7 +45,7 @@ Not supported | stop | - | Triggered when the frame animation stops | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image.md index 36f92cefeec..53714b0f125 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-image.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-image.md @@ -29,7 +29,7 @@ Not supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-input.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-input.md similarity index 96% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-input.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-input.md index a5770bcd59a..425bbb22a6a 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-input.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-input.md @@ -34,14 +34,14 @@ Not supported | change | { checked:true \| false } | Triggered when the checked status of the **checkbox** or **radio** button changes.| | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | - | swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | + | swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | - When **type** is set to **button**, the following events are supported. | Name| Parameter| Description| | -------- | -------- | -------- | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | - | swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | + | swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-marquee.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-marquee.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-marquee.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-marquee.md index 7a0734964a2..05d0575ab8f 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-marquee.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-marquee.md @@ -29,7 +29,7 @@ Not supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-picker-view.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-picker-view.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-picker-view.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-picker-view.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-progress.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-progress.md similarity index 98% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-progress.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-progress.md index adc01e07389..f9bcce154e9 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-progress.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-progress.md @@ -41,7 +41,7 @@ Different types of progress bars support different attributes. | -------- | -------- | -------- | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-qrcode.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-qrcode.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-qrcode.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-qrcode.md index 579b0a22a26..5d4652e2b5f 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-qrcode.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-qrcode.md @@ -30,7 +30,7 @@ Not supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-slider.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-slider.md similarity index 98% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-slider.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-slider.md index 1094ed2aa76..1347e1fce31 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-slider.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-slider.md @@ -32,7 +32,7 @@ Not supported | change | ChangeEvent | Triggered when the value changes.| | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | **Table 1** ChangeEvent diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-switch.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-switch.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-switch.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-switch.md index a38365449f6..743039a05a1 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-switch.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-switch.md @@ -30,7 +30,7 @@ Not supported | change | { checked: checkedValue } | Triggered when the **checked** state changes.| | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component. | +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component. | ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-text.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-text.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-text.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-text.md index 473bba31e3a..a229486355d 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-basic-text.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-basic-text.md @@ -28,7 +28,7 @@ Not supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-canvas-canvas.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvas.md similarity index 94% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-canvas-canvas.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvas.md index 58b8642f8ac..b67e786a174 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-canvas-canvas.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvas.md @@ -28,7 +28,7 @@ Not supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles @@ -52,4 +52,4 @@ Not supported | Name| Parameter| Description| | -------- | -------- | -------- | -| getContext | string | Obtains the context of the drawing on a canvas. The parameter can be set only to **2d**. The return value is a 2D drawing object that provides specific 2D drawing operations. For details, see [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md).| +| getContext | string | Obtains the context of the drawing on a canvas. The parameter can be set only to **2d**. The return value is a 2D drawing object that provides specific 2D drawing operations. For details, see [CanvasRenderingContext2D](js-lite-components-canvas-canvasrenderingcontext2d.md).| diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-canvas-canvasrenderingcontext2d.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-canvas-canvasrenderingcontext2d.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-canvas-canvasrenderingcontext2d.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-common-animation.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-common-animation.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-common-animation.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-common-animation.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-common-mediaquery.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-common-mediaquery.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-common-mediaquery.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-common-mediaquery.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-div.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-div.md similarity index 98% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-div.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-div.md index 7f9321e0194..c0da6de5280 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-div.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-div.md @@ -28,7 +28,7 @@ Supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list-item.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list-item.md similarity index 89% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list-item.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list-item.md index 32855f3c9a0..f7e0cb6124e 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list-item.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list-item.md @@ -1,6 +1,6 @@ # list-item -**\** is a child component of the **[\](js-components-container-list.md)** component and is used to display items in a list. +**\** is a child component of the **[\](js-lite-components-container-list.md)** component and is used to display items in a list. > **NOTE** > @@ -28,7 +28,7 @@ Supported | -------- | -------- | -------- | | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles @@ -50,4 +50,4 @@ Supported ## Example -See **Example** in [list](js-components-container-list.md). +See **Example** in [list](js-lite-components-container-list.md). diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md similarity index 96% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md index e1477419648..f32f8f46b32 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-list.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-list.md @@ -9,7 +9,7 @@ The **\** component provides a list container that presents a series of li ## Child Components -Only [\](js-components-container-list-item.md) is supported. +Only [\](js-lite-components-container-list-item.md) is supported. ## Attributes @@ -29,7 +29,7 @@ Only [\](js-components-container-list-item.md) is supported. | scrollend | - | Triggered when the list stops scrolling.| | click | - | Triggered when the list is clicked. | | longpress | - | Triggered when the list is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the list. | +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the list. | | scrolltop8+ | - | Triggered when the list is scrolled to the top.| | scrollbottom8+ | - | Triggered when the list is scrolled to the bottom.| diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-stack.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-stack.md similarity index 98% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-stack.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-stack.md index c099a46be78..a200c3a81ed 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-stack.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-stack.md @@ -28,7 +28,7 @@ Supported. | ------------------ | --------------------------------- | ----------- | | click | - | Triggered when the component is clicked. | | longpress | - | Triggered when the component is long pressed. | -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-swiper.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-swiper.md similarity index 97% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-swiper.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-swiper.md index ba9297bd4ae..68f6ad2023a 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-components-container-swiper.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-components-container-swiper.md @@ -33,7 +33,7 @@ All child components except **\** are supported. | change | { index: currentIndex } | Triggered when the index of the currently displayed component changes.| | click | - | Triggered when the component is clicked.| | longpress | - | Triggered when the component is long pressed.| -| swipe5+ | [SwipeEvent](js-common-events.md) | Triggered when a user quickly swipes on the component.| +| swipe5+ | [SwipeEvent](js-lite-common-events.md) | Triggered when a user quickly swipes on the component.| ## Styles diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-file.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-file.md similarity index 95% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-file.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-file.md index 4d046ffa00a..803bfb4cdc0 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-file.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-file.md @@ -66,7 +66,7 @@ Application resources can be accessed via an absolute or relative path. In this ## Storage Directory -Since API version 5, the [\](js-components-basic-image.md) component supports access to images in the private directory of an application. +Since API version 5, the [\](js-lite-components-basic-image.md) component supports access to images in the private directory of an application. | Directory Type | Prefix | Access Visibility | Description | | ------ | --------------- | ------ | --------------------------- | diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-js-file.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-js-file.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-js-file.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-js-file.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-js-tag.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-js-tag.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-js-tag.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-js-tag.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-lifecycle.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-lifecycle.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-lifecycle.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-lifecycle.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-localization.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-localization.md similarity index 92% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-localization.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-localization.md index c539d40b8c0..5a2ff222ad3 100644 --- a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-localization.md +++ b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-localization.md @@ -8,7 +8,7 @@ You only need to perform operations in [Defining Resource Files](#defining-resou Resource files store application content in multiple languages. This framework uses JSON files to store resource definitions. -Place the resource definition file of each locale in the **i18n** folder specified in [Directory Structure](js-framework-file.md). Name the resource files in _language-region_.json format. For example, name the resource file for English (United States) **en-US.json**. If there is no resource file of the locale that matches the system language, content in the **en-US.json** file will be used by default. +Place the resource definition file of each locale in the **i18n** folder specified in [Directory Structure](js-lite-framework-file.md). Name the resource files in _language-region_.json format. For example, name the resource file for English (United States) **en-US.json**. If there is no resource file of the locale that matches the system language, content in the **en-US.json** file will be used by default. The format of the resource file content is as follows: diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-css.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-css.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-css.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-css.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-hml.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-hml.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-hml.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-hml.md diff --git a/en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-js.md b/en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-js.md similarity index 100% rename from en/application-dev/reference/apis-arkui/arkui-js-lite/js-framework-syntax-js.md rename to en/application-dev/reference/apis-arkui/arkui-js-lite/js-lite-framework-syntax-js.md diff --git a/en/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-reuse-id.md b/en/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-reuse-id.md new file mode 100644 index 00000000000..c7a2161db3c --- /dev/null +++ b/en/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-reuse-id.md @@ -0,0 +1,80 @@ +# Reuse ID + +**reuseId** is an ID that identifies the reuse group of a custom component. The reuse framework identifies and groups reusable custom components based on their reuse IDs. + +> **NOTE** +> +> This attribute is supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version. + + +## reuseId + +reuseId(id: string) + +Sets the ID that identifies the reuse group of the component. + +**Widget capability**: This API can be used in ArkTS widgets since API version 10. + +**Atomic service API**: This API can be used in atomic services since API version 11. + +**System capability**: SystemCapability.ArkUI.ArkUI.Full + +**Parameters** + +| Name| Type | Mandatory| Description | +| ------ | ------ | ---- | -------------------------------------- | +| id | string | Yes | ID that identifies the reuse group of the component.| + +## Example + +```ts +// xxx.ets +@Entry +@Component +struct MyComponent { + @State switch: boolean = true; + private type: string = "type1"; + + build() { + Column() { + Button("ChangeType") + .onClick(() => { + this.type = "type2" + }) + Button("Switch") + .onClick(() => { + this.switch = !this.switch + }) + if (this.switch) { + ReusableChildComponent({ type: this.type }) + .reuseId(this.type) + } + } + .width('100%') + .height('100%') + } +} + +@Reusable +@Component +struct ReusableChildComponent { + @State type: string = '' + + aboutToAppear() { + console.log(`ReusableChildComponent Appear ${this.type}`) + } + + aboutToReuse(params: ESObject) { + console.log(`ReusableChildComponent Reuse ${this.type}`) + this.type = params.type; + } + + build() { + Row() { + Text(this.type) + .fontSize(20) + .margin({ left: 10 }) + }.margin({ left: 10, right: 10 }) + } +} +``` diff --git a/en/application-dev/reference/apis-arkui/js-apis-arkui-performancemonitor-sys.md b/en/application-dev/reference/apis-arkui/js-apis-arkui-performancemonitor-sys.md new file mode 100644 index 00000000000..9949a47db73 --- /dev/null +++ b/en/application-dev/reference/apis-arkui/js-apis-arkui-performancemonitor-sys.md @@ -0,0 +1,71 @@ +# @ohos.arkui.performanceMonitor (Performance Monitor) (System API) + +The **performanceMonitor** module provides APIs for performance monitoring indicators: response delay, completion delay, and frame loss rate. + +> **NOTE** +> +> The APIs of this module are supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version. +> +> The APIs provided by this module are system APIs. + + +## Modules to Import + +```ts +import performanceMonitor from '@ohos.arkui.performanceMonitor'; +``` + + +## ActionType + +Enumerates types of actions that trigger user scenes. + +**System capability**: SystemCapability.ArkUI.ArkUI.Full + +| Name| Value| Description| +| -- | -- | -- | +| LAST_DOWN | 0 | Pressing against the screen. | +| LAST_UP | 1 | Lifting a finger off the screen.| +| FIRST_MOVE | 2 | First swiping on the screen.| + + +## performanceMonitor.begin + +begin(scene: string, startInputType: ActionType, note?: string): void + +Starts a user scene. + + +**System capability**: SystemCapability.ArkUI.ArkUI.Full + +**Parameters** + +| Name| Type| Mandatory| Note| +| -- | -- | -- | -- | +| scene | string | Yes| User scene ID.| +| startInputType | [ActionType](#actiontype)| Yes| Type of action that triggers the user scene.| +| note | string| No| Important information about the user scene.| + +**Example** + ```ts +performanceMonitor.begin("LAUNCHER_APP_LAUNCH_FROM_ICON", performanceMonitor.ActionType.LAST_UP, "APP_START_BEGIN"); + ``` + + +## performanceMonitor.end + +end(scene: string): void + +Ends a user scene. + +**System capability**: SystemCapability.ArkUI.ArkUI.Full + +**Parameters** +| Name| Type| Mandatory| Description| +| -- | -- | -- | -- | +| scene | string | Yes| User scene ID, which corresponds to that in **begin**.| + +**Example** + ```ts +performanceMonitor.end("LAUNCHER_APP_LAUNCH_FROM_ICON"); + ``` diff --git a/en/application-dev/reference/apis-arkui/js-apis-getContext.md b/en/application-dev/reference/apis-arkui/js-apis-getContext.md index 5f178a76245..ab8f6e4f5cf 100644 --- a/en/application-dev/reference/apis-arkui/js-apis-getContext.md +++ b/en/application-dev/reference/apis-arkui/js-apis-getContext.md @@ -25,7 +25,7 @@ getContext(component?: Object):Context Load a page by calling **windowStage.loadContent** in the UIAbility. ```ts -// EntryAbility.ts +// EntryAbility.ets import AbilityConstant from '@ohos.app.ability.AbilityConstant'; import hilog from '@ohos.hilog'; import UIAbility from '@ohos.app.ability.UIAbility'; diff --git a/en/application-dev/ui/Readme-EN.md b/en/application-dev/ui/Readme-EN.md index 448c0584352..d3a49106df3 100644 --- a/en/application-dev/ui/Readme-EN.md +++ b/en/application-dev/ui/Readme-EN.md @@ -126,7 +126,7 @@ - [CanvasRenderingContext2D](ui-js-components-canvasrenderingcontext2d.md) - [Path2D](ui-js-components-path2d.md) - [OffscreenCanvasRenderingContext2D](ui-js-components-offscreencanvas.md) - - [Grid Container Layout](ui-js-components-grid.md) + - [Grid Container Development](ui-js-components-grid.md) - SVG Development - [Basics](ui-js-components-svg-overview.md) - [Graph Drawing](ui-js-components-svg-graphics.md) -- Gitee