** through a window animation object.
-- Parameters
- | Name| Type| Mandatory| Default Value| Description|
- | -------- | -------- | -------- | -------- | -------- |
- | target | [WindowAnimationTarget](#windowanimationtarget) | Yes| - | Description of the animation window to control.|
+**Parameters**
+
+| Name| Type| Mandatory| Default Value| Description|
+| -------- | -------- | -------- | -------- | -------- |
+| target | [WindowAnimationTarget](#windowanimationtarget) | Yes| - | Description of the animation window to control.|
## WindowAnimationTarget
+
Implements a target window, which is used to remotely control the animation.
| Name | Type | Description|
@@ -34,6 +36,7 @@ Implements a target window, which is used to remotely control the animation.
| missionId | number | Mission ID.|
## RRect
+
Implements a rounded rectangle.
| Name | Type | Description|
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-richtext.md b/en/application-dev/reference/arkui-ts/ts-basic-components-richtext.md
index 513ce4a3c0a067574521f44d994188a9e53f711d..39321308ca3063bc5da81e5ec94d353b02684cd1 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-richtext.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-richtext.md
@@ -38,14 +38,15 @@ RichText(content:string)
| \--\ | Defines six levels of headings in the HTML document. \ defines the most important heading, and \ defines the least important heading.| \This is an H1 heading\
\This is an H2 heading\
|
| \
\
| Defines a paragraph.| \This is a paragraph\
|
| \
| Inserts a newline character.| \This is a paragraph\
This is a new paragraph\
|
+| \ | Defines the font style for the text contained within it, including the font face, size, and color.| \This is in red\ |
| \
| Defines a thematic break (such as a shift of topic) on an HTML page and creates a horizontal line.| \This is a paragraph\
\
\This is a paragraph\
|
-| \\ | Defines an image.| \\ |
+| \\ | Defines an image.| \\ |
| \\
| Defines a generic container that is generally used to group block-level elements. It allows you to apply CSS styles to multiple elements at the same time.| \\
This is the heading in a div element\
\ |
| \\ | Displays text in italic style.| \This is in italic style\|
| \\ | Defines text that should be styled differently or have a non-textual annotation, such as misspelt words or a proper name in Chinese text. It is recommended that you avoid using the \ tag where it could be confused with a hyperlink.| \\This is an underlined paragraph\\
|
| \ | Used to embed CSS within an HTML document.| \ |
| style | Defines the inline style of an element and is placed inside the tag. Use quotation marks (') to separate the styling text and use semicolons (;) to separate styles, for example, **style='width: 500px;height: 500px;border: 1px solid;margin: 0 auto;'**.| \This is a heading\
\This is a paragraph\
|
-| \ | Embeds or references a client-side script, such as JavaScript. | \ |
+| \ | Embeds or references a client-side script, such as JavaScript.| \ |
## Example
@@ -82,4 +83,8 @@ struct RichTextExample {
}
```
- 
+ 
+
+## Precautions
+
+The underlying layer of the **\** component reuses the **\** component to provide basic capabilities, including but not limited to HTML page parsing and rendering. However, the **\** component is resources consuming. In scenarios where the **\** component is repeatedly used, for example, when it is repeatedly used in a list, frame freezing or slow response may occur.
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-search.md b/en/application-dev/reference/arkui-ts/ts-basic-components-search.md
index 9d96cce6609b6619abdc86c8d9936015b59ce2e5..9f1d13ee9981696905d9383abfde395aa2162c1b 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-search.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-search.md
@@ -87,7 +87,7 @@ struct SearchExample {
.searchButton('SEARCH')
.width(400)
.height(40)
- .backgroundColor(Color.White)
+ .backgroundColor('#F5F5F5')
.placeholderColor(Color.Grey)
.placeholderFont({ size: 14, weight: 400 })
.textFont({ size: 14, weight: 400 })
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-select.md b/en/application-dev/reference/arkui-ts/ts-basic-components-select.md
index c1a9e51ca723ae92a530c9df98798acca7418d2e..8bb39f7eaa9cad64eb6c56936a42ddd88eaa75c6 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-select.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-select.md
@@ -25,7 +25,7 @@ Select(options: Array\<[SelectOption](#selectoption)\>)
| Name | Type | Description |
| ----------------------- | ------------------------------------- | --------------------------------------------- |
-| selected | number | Index of the initial selected option in the drop-down list box. The index of the first option is **0**.|
+| selected | number | Index of the initial selected option in the drop-down list box. The index of the first option is **0**.
If this attribute is not set, the default value **-1** is used, indicating that no option is selected.|
| value | string | Text of the drop-down button. |
| font | [Font](ts-types.md#font) | Text font of the drop-down button. |
| fontColor | [ResourceColor](ts-types.md#resourcecolor) | Text color of the drop-down button. |
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-slider.md b/en/application-dev/reference/arkui-ts/ts-basic-components-slider.md
index fab2a885c671b6b480cbf672aa46e66730ff5cb6..b8bf88b154875799dbaa04ace76d8ea12fcc5d03 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-slider.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-slider.md
@@ -24,7 +24,7 @@ Slider(options?: {value?: number, min?: number, max?: number, step?: number, sty
| min | number | No| Minimum value.
Default value: **0**|
| max | number | No| Maximum value.
Default value: **100**|
| step | number | No| Step of the slider.
Default value: **1**
Value range: [0.01, max]|
-| style | SliderStyle | No| Style of the slider thumb and track.
Default value: **SliderStyle.OutSet**|
+| style | [SliderStyle](#sliderstyle) | No| Style of the slider thumb and track.
Default value: **SliderStyle.OutSet**|
| direction8+ | [Axis](ts-appendix-enums.md#axis) | No| Whether the slider moves horizontally or vertically.
Default value: **Axis.Horizontal**|
| reverse8+ | boolean | No| Whether the slider values are reversed. By default, the values increase from left to right for a horizontal slider and from top to bottom for a vertical slider.
Default value: **false**|
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-stepper.md b/en/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
index 99562b3a4e04b591889fcef3444ef0db82336e5e..5b29d3de61a0454ec72890a778ffd61420fe3ad9 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
@@ -34,11 +34,11 @@ None
| Name| Description|
| -------- | -------- |
-| onFinish(callback: () => void) | Invoked when the **nextLabel** of the last **\** in the **\** is clicked.|
+| onFinish(callback: () => void) | Invoked when the **nextLabel** of the last **\** in the **\** is clicked and the **ItemState** attribute is set to **Normal**.|
| onSkip(callback: () => void) | Invoked when the current **\** is **ItemState.Skip** and the **nextLabel** is clicked.|
-| onChange(callback: (prevIndex?: number, index?: number) => void) | Invoked when the user switches to the previous or next step.
- **prevIndex**: index of the step page before the switching.
- **index**: index of the step page after the switching, that is, index of the previous or next page.|
-| onNext(callback: (index?: number, pendingIndex?: number) => void) | Invoked when a user switches to the next step.
- **index**: index of the current step page.
- **pendingIndex**: index of the next page.|
-| onPrevious(callback: (index?: number, pendingIndex?: number) => void) | Invoked when a user switches to the previous step.
- **index**: index of the current step page.
- **pendingIndex**: index of the previous page.|
+| onChange(callback: (prevIndex?: number, index?: number) => void) | Invoked when the **prevLabel** of the current **\** is clicked to switch to the previous step page; or when the **nextLabel** of the current (not the last) **\** is clicked to switch to the next step page and the **ItemState** attribute is set to **Normal**.
- **prevIndex**: index of the step page before the switching.
- **index**: index of the step page after the switching, that is, index of the previous or next step page.|
+| onNext(callback: (index?: number, pendingIndex?: number) => void) | Invoked when the **nextLabel** of the current (not the last) **\** is clicked and the **ItemState** attribute is set to **Normal**.
- **index**: index of the current step page.
- **pendingIndex**: index of the next step page.|
+| onPrevious(callback: (index?: number, pendingIndex?: number) => void) | Invoked when the **prevLabel** of the current **\** is clicked to switch to the previous step page.