!6684 update border

Merge pull request !6684 from 田雨/master

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md

@@ -27,19 +27,19 @@ CheckboxGroup( group?: string )
 
 ## 属性
 
-| 名称 | 参数类型 | 默认值 | 描述 | 
+| 名称 | 参数类型 | 默认值 | 描述 |
 | -------- | -------- | -------- | -------- |
-| selectAll | boolean | false | 设置是否全选。 | 
-| selectedColor | Color | - | 设置被选中或部分选中状态的颜色。 | 
+| selectAll | boolean | false | 设置是否全选。 |
+| selectedColor | Color | - | 设置被选中或部分选中状态的颜色。 |
 
 ## 事件
 
-| 名称 | 功能描述 | 
+| 名称 | 功能描述 |
 | -------- | -------- |
-| onChange (callback: (names: Array&lt;string&gt;, status: SelectStatus) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时，触发回调。<br>- names：群组内所有被选中的多选框名称。<br>- status：选中状态。| 
+| onChange (callback: (names: Array&lt;string&gt;, status: SelectStatus) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时，触发回调。<br>- names：群组内所有被选中的多选框名称。<br>- status：选中状态。|
 
 - SelectStatus枚举说明
-  | 名称  | 描述 | 
+  | 名称  | 描述 |
   | ----- | -------------------- |
   | All   | 群组多选择框全部选择。 |
   | Part  | 群组多选择框部分选择。 |
@@ -57,29 +57,41 @@ struct CheckboxExample {
   build() {
     Scroll() {
       Column() {
-        CheckboxGroup({group : 'checkboxGroup'})
-          .selectedColor(0xed6f21)
-          .onChange((itemName:CheckboxGroupResult) => {
-            console.info("TextPicker::dialogResult is" + JSON.stringify(itemName))
-          })
-        Checkbox({ name: 'checkbox1', group: 'checkboxGroup' })
-          .select(true)
-          .selectedColor(0x39a2db)
-          .onChange((value: boolean) => {
-            console.info('Checkbox1 change is' + value)
-          })
-        Checkbox({ name: 'checkbox2', group: 'checkboxGroup' })
-          .select(false)
-          .selectedColor(0x39a2db)
-          .onChange((value: boolean) => {
-            console.info('Checkbox2 change is' + value)
-          })
-        Checkbox({ name: 'checkbox3', group: 'checkboxGroup' })
-          .select(true)
-          .selectedColor(0x39a2db)
-          .onChange((value: boolean) => {
-            console.info('Checkbox3 change is' + value)
-          })
+          Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }){
+             CheckboxGroup({group : 'checkboxGroup'})
+          	   .selectedColor(0xed6f21)
+               .onChange((itemName:CheckboxGroupResult) => {
+                console.info("TextPicker::dialogResult is" + JSON.stringify(itemName))
+          	   })
+             Text('select all').fontSize(20)
+           }
+          Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }){
+             Checkbox({ name: 'checkbox1', group: 'checkboxGroup' })
+                .select(true)
+                .selectedColor(0x39a2db)
+                .onChange((value: boolean) => {
+                 console.info('Checkbox1 change is' + value)
+                })
+              Text('Checkbox1').fontSize(20)
+            }
+         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }){
+            Checkbox({ name: 'checkbox2', group: 'checkboxGroup' })
+                .select(false)
+                .selectedColor(0x39a2db)
+                .onChange((value: boolean) => {
+                 console.info('Checkbox2 change is' + value)
+                })
+              Text('Checkbox2').fontSize(20)
+            }
+         Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }){
+            Checkbox({ name: 'checkbox3', group: 'checkboxGroup' })
+              .select(true)
+              .selectedColor(0x39a2db)
+              .onChange((value: boolean) => {
+               console.info('Checkbox3 change is' + value)
+              })
+            Text('Checkbox3').fontSize(20)
+         }
       }
     }
   }

zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md

@@ -31,16 +31,30 @@
   | -------- | -------- | -------- | -------- | -------- |
   | width | [Length](../../ui/ts-types.md#长度类型) | 0 | 否 | 边框宽度。 |
   | color | [ResourceColor](../../ui/ts-types.md) | 'Black' | 否 | 边框颜色。 |
-  | radius | [Length](../../ui/ts-types.md#长度类型) | 0 | 否 | 边框角度。 |
+  | radius | [Length](../../ui/ts-types.md#长度类型)\| EdgeRadiuses<sup>9+</sup> | 0 | 否 | 边框角度。 |
   | style | BorderStyle | BorderStyle.Solid | 否 | 边框样式。 |
 
 
+- EdgeRadiuses<sup>9+</sup>对象说明
+  
+  引用该对象时，至少传入一个参数。
+  
+  | 名称        | 参数类型 | 必填 | 默认值 | 描述             |
+  | ----------- | -------- | ---- | ------ | ---------------- |
+  | topLeft     | length   | 否   | 0      | 左上角圆角半径。 |
+  | topRight    | length   | 否   | 0      | 右上角圆角半径。 |
+  | bottomLeft  | length   | 否   | 0      | 左下角圆角半径。 |
+  | bottomRight | length   | 否   | 0      | 右下角圆角半径。 |
+  
+  
+  
 - BorderStyle枚举说明
-  | 名称 | 描述 | 
+  
+  | 名称 | 描述 |
   | -------- | -------- |
-  | Dotted | 显示为一系列圆点，圆点半径为borderWidth的一半。 | 
-  | Dashed | 显示为一系列短的方形虚线。 | 
-  | Solid | 显示为一条实线。 | 
+  | Dotted | 显示为一系列圆点，圆点半径为borderWidth的一半。 |
+  | Dashed | 显示为一系列短的方形虚线。 |
+  | Solid | 显示为一条实线。 |
 
 
 ## 示例
@@ -56,6 +70,10 @@ struct BorderExample {
       Text('dashed')
         .borderStyle(BorderStyle.Dashed).borderWidth(5).borderColor(0xAFEEEE).borderRadius(10)
         .width(120).height(120).textAlign(TextAlign.Center).fontSize(16)
+      Text('dashed')
+        .borderStyle(BorderStyle.Dashed).borderWidth(5).borderColor(0xAFEEEE)
+        .borderRadius({ topLeft: 10, topRight: 20, bottomLeft: 30, bottomRight: 60 })
+        .width(120).height(120).textAlign(TextAlign.Center).fontSize(16)
       // 点线
       Text('dotted')
         .border({ width: 5, color: 0x317AF7, radius: 10, style: BorderStyle.Dotted })

zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-focus.md

@@ -21,9 +21,10 @@
 >  **说明：**
 > 支持焦点控制的组件：Button、Text、Image、List、Grid。
 
-
 ## 示例
 
+焦点事件当前仅支持在真机上显示运行效果。
+
 ```ts
 // xxx.ets
 @Entry
@@ -68,3 +69,5 @@ struct FocusableExample {
   }
 }
 ```
+
+![focus](figures/focus.png)
\ No newline at end of file