!22360 翻译完成 22019+20770+21157：【NavDestination】onShown接口修改说明+对timepicker更新demo代码及动图+调整readme缩进

Merge pull request !22360 from ester.zhou/TR-21157

en/application-dev/reference/arkui-js-lite/Readme-EN.md

@@ -4,6 +4,7 @@
   - [File Organization](js-framework-file.md)
   - ["js" Tag](js-framework-js-tag.md)
   - [app.js](js-framework-js-file.md)
+
   - Syntax
     - [HML](js-framework-syntax-hml.md)
     - [CSS](js-framework-syntax-css.md)

en/application-dev/reference/arkui-ts/ts-basic-components-navdestination.md

@@ -25,7 +25,7 @@ In addition to the [backgroundColor](ts-universal-attributes-background.md) attr
 
 | Name        | Type                                                    | Description                                                        |
 | ------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| title        | string \| [CustomBuilder](ts-types.md#custombuilder8) \| [NavigationCommonTitle](ts-basic-components-navigation.md#navigationcommontitle) \| [NavigationCustomTitle](ts-basic-components-navigation.md##navigationcustomtitle) | Page title.<br>**NOTE**<br>When the NavigationCustomTitle type is used to set the height, the **titleMode** attribute does not take effect.<br>When the title string is too long: (1) If no subtitle is set, the string is scaled down, wrapped in two lines, and then clipped with an ellipsis (...); (2) If a subtitle is set, the subtitle is scaled down and then clipped with an ellipsis (...).|
+| title        | string \| [CustomBuilder](ts-types.md#custombuilder8) \| [NavigationCommonTitle](ts-basic-components-navigation.md#navigationcommontitle) \| [NavigationCustomTitle](ts-basic-components-navigation.md##navigationcustomtitle) | Page title.<br>**NOTE**<br>When the NavigationCustomTitle type is used to set the height, the **titleMode** attribute does not take effect.<br>When the title string is too long:<br>(1) If no subtitle is set, the string is scaled down, wrapped in two lines, and then clipped with an ellipsis (...).<br/>(2) If a subtitle is set, the subtitle is scaled down and then clipped with an ellipsis (...). |
 | hideTitleBar | boolean                                                      | Whether to hide the title bar.<br>Default value: **false**<br>**true**: Hide the title bar.<br>**false**: Display the title bar.|
 
 ## Events
@@ -34,7 +34,7 @@ In addition to the [universal events](ts-universal-events-click.md), the followi
 
 
 | Name                                                    | Description                                                  |
-| ---------------------------------------- | ---------------------------------------- |
-| onShown(callback: (param: unknown) =&gt; void)<sup>10+</sup> | Called when the navigation destination page is displayed. **param**: parameter information of the navigation destination page.<br>**NOTE**<br>The **onShown** API will be changed to **onShown(callback: () =&gt; void)**.|
-| onHidden(callback: () =&gt; void)<sup>10+</sup> | Called when the navigation destination page is hidden.|
-| onBackPressed(callback: () =&gt; boolean)<sup>10+</sup> | Called when the back button is pressed.<br>The value **true** means that the back button logic is overridden, and **false** means that the previous page is displayed.<br>|
+| ------------------------------------------------------- | ------------------------------------------------------------ |
+| onShown(callback: () =&gt; void)<sup>10+</sup>          | Called when the navigation destination page is displayed.    |
+| onHidden(callback: () =&gt; void)<sup>10+</sup>         | Called when the navigation destination page is hidden.       |
+| onBackPressed(callback: () =&gt; boolean)<sup>10+</sup> | Called when the back button is pressed.<br>The value **true** means that the back button logic is overridden, and **false** means that the previous page is displayed. |

en/application-dev/reference/arkui-ts/ts-basic-components-timepicker.md

@@ -76,6 +76,9 @@ struct TimePickerExample {
           this.selectedTime.setHours(value.hour, value.minute)
           console.info('select current date is: ' + JSON.stringify(value))
         })
+        .disappearTextStyle({color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}})
+        .textStyle({color: Color.Black, font: {size: 20, weight: FontWeight.Normal}})
+        .selectedTextStyle({color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}})
     }.width('100%')
   }
 }

en/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md

@@ -46,6 +46,9 @@ struct TimePickerDialogExample {
         .onClick(() => {
           TimePickerDialog.show({
             selected: this.selectTime,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               // Set selectTime to the time when the OK button is clicked. In this way, when the dialog box is displayed again, the selected time is the time when the operation was confirmed last time.
               this.selectTime.setHours(value.hour, value.minute)
@@ -65,6 +68,9 @@ struct TimePickerDialogExample {
           TimePickerDialog.show({
             selected: this.selectTime,
             useMilitaryTime: true,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               this.selectTime.setHours(value.hour, value.minute)
               console.info("TimePickerDialog:onAccept()" + JSON.stringify(value))