From 939bef7784a763168384aed4146a706ad639fed1 Mon Sep 17 00:00:00 2001
From: luoying_ace <luoying19@huawei.com>
Date: Wed, 12 Oct 2022 08:24:39 +0000
Subject: [PATCH] update
 zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md.

Signed-off-by: luoying_ace <luoying19@huawei.com>
---
 .../arkui-ts/ts-methods-textpicker-dialog.md  | 67 ++++++++++---------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
index 95cf090c37..7298363ac9 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
@@ -3,13 +3,10 @@
 根据指定的选择范围创建文本选择器，展示在弹窗上。
 
 >  **说明：**
+>
 > 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 
 
-## 权限列表
-
-无
-
 ## TextPickerDialog.show
 
 show(options?: TextPickerDialogOptions)
@@ -17,21 +14,23 @@ show(options?: TextPickerDialogOptions)
 定义文本滑动选择器弹窗并弹出。
 
 - TextPickerDialogOptions参数说明
+
   | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
   | -------- | -------- | -------- | -------- | -------- |
-  | range | string[]&nbsp;\|&nbsp;[Resource](../../ui/ts-types.md#resource类型) | 是 | - | 选择器的数据选择范围。 |
-  | selected | number | 否 | 0 | 选中项在数组中的index值。 |
-  | value       | string           | 否    | -    | 选中项文本值。当设置了selected参数时，该值不生效。如果该值不在range范围内，则默认取range第一个元素。|
-  | defaultPickerItemHeight | number \| string | 否 | - | 默认Picker内容项元素高度。 |
-  | onAccept | (value: TextPickerResult) => void | 否 | - | 点击弹窗中确定按钮时触发。 |
-  | onCancel | () => void | 否 | - | 点击弹窗中取消按钮时触发。 |
-  | onChange | (value: TextPickerResult) => void | 否 | - | 滑动选择器，当前选择项改变时触发。 |
+  | range | string[]&nbsp;\|&nbsp;[Resource](../../ui/ts-types.md#resource类型) | 是 | - | 设置文本选择器的选择范围。 |
+  | selected | number | 否 | 0 | 设置选中项的索引值。 |
+  | value       | string           | 否    | -    | 设置选中项的文本内容。当设置了selected参数时，该参数不生效。如果设置的value值不在range范围内，则默认取range第一个元素。|
+  | defaultPickerItemHeight | number \| string | 否 | - | 设置选择器中选项的高度。 |
+  | onAccept | (value: TextPickerResult) => void | 否 | - | 点击弹窗中的“确定”按钮时触发该回调。 |
+  | onCancel | () => void | 否 | - | 点击弹窗中的“取消”按钮时触发该回调。 |
+  | onChange | (value: TextPickerResult) => void | 否 | - | 滑动弹窗中的选择器使当前选中项改变时触发该回调。 |
 
 - TextPickerResult对象说明
+
   | 名称 | 参数类型 | 描述 | 
   | -------- | -------- | -------- |
-  | value | string | 选中项文本。 | 
-  | index | number | 选中项在数组中的index值。 | 
+  | value | string | 选中项的文本内容。 | 
+  | index | number | 选中项在选择范围数组中的索引值。 | 
 
 ## 示例
 
@@ -40,29 +39,31 @@ show(options?: TextPickerDialogOptions)
 @Entry
 @Component
 struct TextPickerDialogExample {
-  @State select: number = 1
-  private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4']
+  @State select: number = 2
+  private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4', 'banana5']
 
   build() {
-    Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center,
-      justifyContent: FlexAlign.Center }) {
-      Button("TextPickerDialog").onClick(() => {
-        TextPickerDialog.show({
-          range: this.fruits,
-          selected: this.select,
-          onAccept: (value: TextPickerResult) => {
-            console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
-            this.select = value.index
-          },
-          onCancel: () => {
-            console.info("TextPickerDialog:onCancel()")
-          },
-          onChange: (value: TextPickerResult) => {
-            console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
-          }
+    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%')
   }
 }
 ```
-- 
GitLab