!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

 # 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)
-    - Syntax
-        - [HML](js-framework-syntax-hml.md)
-        - [CSS](js-framework-syntax-css.md)
-        - [JavaScript](js-framework-syntax-js.md)
+  - [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)
+    - [JavaScript](js-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-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)
 - 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-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)
 - 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-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)
 - Canvas Components
-    - [canvas](js-components-canvas-canvas.md)
-    - [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)
+  - [canvas](js-components-canvas-canvas.md)
+  - [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)
\ No newline at end of file

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
@@ -33,8 +33,8 @@ In addition to the [backgroundColor](ts-universal-attributes-background.md) attr
 In addition to the [universal events](ts-universal-events-click.md), the following events are supported.
 
 
-| 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>|
+| Name                                                    | Description                                                  |
+| ------------------------------------------------------- | ------------------------------------------------------------ |
+| 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))