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.
- **index**: index of the current step page.
- **pendingIndex**: index of the previous step page.| ## Example @@ -122,7 +122,6 @@ struct StepperExample { .itemTextStyle() }.itemStyle() } - .nextLabel('Finish') } .backgroundColor('#F1F3F5') .onFinish(() => { diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-stepperitem.md b/en/application-dev/reference/arkui-ts/ts-basic-components-stepperitem.md index bef2f119228f2f25d0d2d3c83a17bdded4f1b242..809b3f114fe2c2b9e0baba64f049d136d689a1cf 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-stepperitem.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-stepperitem.md @@ -22,7 +22,7 @@ StepperItem() | Name| Type| Description| | -------- | -------- | -------- | -| prevLabel | string | Text label of the button on the left. When the **\** contains more than one page, the default value for all pages except the first page is **Back**.| +| prevLabel | string | Text label of the button on the left, which is not displayed on the first page. When the **\** contains more than one page, the default value for all pages except the first page is **Back**.| | nextLabel | string | Text label of the button on the right. The default value is **Start** for the last page and **Next** for the other pages.| | status | ItemState | Display status of **nextLabel** in the stepper.
Default value: **ItemState.Normal**| @@ -31,9 +31,9 @@ StepperItem() | Name | Value | Description| | -------- | -------- |-------- | | Normal | 0 |The button on the right is clickable and can navigate users to the next **\** when it is clicked.| -| Disabled | 1 |The button on the right is grayed out and unavailable.| +| Disabled | 1 |The button on the right is disabled.| | Waiting | 2 | The button on the right is not displayed, and a progress bar is displayed instead.| -| Skip | 3 |The button on the right reads "Skip". You can define the processing logic for this state in the **onSkip** callback of the stepper.| +| Skip | 3 |The button on the right reads "Skip" by default. You can define the processing logic for this state in the **onSkip** callback of the stepper.| ## Example