update textPickerDialog

Signed-off-by: Nyamila <tianyu55@huawei.com>

zh-cn/application-dev/quick-start/arkts-style.md

@@ -94,7 +94,7 @@ struct FancyUse {
       Text('FancyA')
         .globalFancy ()
         .fontSize(30)
-      // 使用全局的@Styles封装的样式
+      // 使用组件内的@Styles封装的样式
       Text('FancyB')
         .fancy()
         .fontSize(30)

zh-cn/application-dev/reference/apis/js-apis-animator.md

@@ -6,7 +6,7 @@
 >
 > 本模块首批接口从API version 6开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 
 ## 导入模块

zh-cn/application-dev/reference/apis/js-apis-mediaquery.md

@@ -6,7 +6,7 @@
 >
 > 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 
 ## 导入模块

zh-cn/application-dev/reference/apis/js-apis-promptAction.md

@@ -6,7 +6,7 @@
 >
 > 本模块首批接口从API version 9开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 ## 导入模块
 

zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md

@@ -86,3 +86,5 @@ struct DatePickerDialogExample {
   }
 }
 ```
+
+![DataPickerDialog](figures\DataPickerDialog.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md

@@ -46,27 +46,31 @@ struct TextPickerDialogExample {
   private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4', 'banana5']
 
   build() {
-    Column() {
-      Button("TextPickerDialog")
-        .margin(20)
-        .onClick(() => {
-          TextPickerDialog.show({
-            range: this.fruits,
-            selected: this.select,
-            onAccept: (value: TextPickerResult) => {
-              // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
-              this.select = value.index
-              console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
-            },
-            onCancel: () => {
-              console.info("TextPickerDialog:onCancel()")
-            },
-            onChange: (value: TextPickerResult) => {
-              console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
-            }
+    Row() {
+      Column() {
+        Button("TextPickerDialog")
+          .margin(20)
+          .onClick(() => {
+            TextPickerDialog.show({
+              range: this.fruits,
+              selected: this.select,
+              onAccept: (value: TextPickerResult) => {
+                // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
+                this.select = value.index
+                console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
+              },
+              onCancel: () => {
+                console.info("TextPickerDialog:onCancel()")
+              },
+              onChange: (value: TextPickerResult) => {
+                console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
+              }
+            })
           })
-        })
-    }.width('100%')
+      }.width('100%')
+    }.height('100%')
   }
 }
 ```
+
+![TextPickerDialog](figures\TextPickerDialog.gif)
\ No newline at end of file

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

@@ -76,4 +76,6 @@ struct TimePickerDialogExample {
     }.width('100%')
   }
 }
-```
\ No newline at end of file
+```
+
+![TimetPickerDialog](figures\TimePickerDialog.gif)
\ No newline at end of file