!16651 翻译完成 15397+16267：SideBarContainer+Radio组件UX规格与特征动效整改DOC

Merge pull request !16651 from ester.zhou/TR-15397

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

@@ -32,6 +32,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the
 | Name| Type| Description|
 | -------- | -------- | -------- |
 | checked | boolean | Whether the radio button is selected.<br>Default value: **false**<br>Since API version 9, this API is supported in ArkTS widgets.|
+| radioStyle<sup>10+</sup> | [RadioStyle](#radiostyle) | Style of the radio button in selected or deselected state.<br>Since API version 10, this API is supported in ArkTS widgets.|
 
 ## Events
 
@@ -41,6 +42,13 @@ In addition to the [universal events](ts-universal-events-click.md), the followi
 | -------- | -------- |
 | onChange(callback: (isChecked: boolean) => void) | Triggered when the selected state of the radio button changes.<br> - If **isChecked** is **true**, the radio button is selected.<br> - If **isChecked** is **false**, the radio button is not selected.<br>Since API version 9, this API is supported in ArkTS widgets.|
 
+## RadioStyle
+
+| Name                  | Type                                      | Mandatory| Default Value | Description                  |
+| ---------------------- | ------------------------------------------ | ---- | ------- | ---------------------- |
+| checkedBackgroundColor | [ResourceColor](ts-types.md#resourcecolor) | No  | #007DFF | Color of the background when the radio button is selected.    |
+| uncheckedBorderColor   | [ResourceColor](ts-types.md#resourcecolor) | No  | #182431 | Color of the border when the radio button is deselected.    |
+| indicatorColor         | [ResourceColor](ts-types.md#resourcecolor) | No  | #FFFFFF | Color of the indicator when the radio button is selected.|
 
 ## Example
 

en/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md

@@ -41,6 +41,7 @@ SideBarContainer( type?: SideBarContainerType )
 | maxSideBarWidth | number \| Length<sup>9+</sup> | Maximum width of the sidebar.<br>Default value: **280**, in vp|
 | autoHide<sup>9+</sup> | boolean | Whether to automatically hide the sidebar when it is dragged to be smaller than the minimum width.<br>Default value: **true**|
 | sideBarPosition<sup>9+</sup> | SideBarPosition | Position of the sidebar.<br>Default value: **SideBarPosition.Start**|
+| divider<sup>10+</sup>        | [DividerStyle](#dividerstyle10) \| null | Divider style.<br>- **DividerStyle** (default): The divider is displayed.<br>- **null**: The divider is not displayed.|
 
 ## ButtonStyle
 
@@ -59,6 +60,15 @@ SideBarContainer( type?: SideBarContainerType )
 | Start | The sidebar is on the left side of the container.|
 | End | The sidebar is on the right side of the container.|
 
+## DividerStyle<sup>10+</sup>
+
+| Name       | Type     | Mandatory| Description                                    |
+| ----------- | ------------- | ---- | ---------------------------------------- |
+| strokeWidth | [Length](ts-types.md#length)        | Yes  | Stroke width of the divider.<br>Default value: **1**, in vp    |
+| color       | [ResourceColor](ts-types.md#resourcecolor) | No  | Color of the divider.<br>Default value: **#000000, 3%**  |
+| startMargin | [Length](ts-types.md#length)        | No  | Distance between the divider and the top of the sidebar.<br>Default value: **0**|
+| endMargin   | [Length](ts-types.md#length)        | No  | Distance between the divider and the bottom of the sidebar.<br>Default value: **0**|
+
 ## Events
 
 | Name| Description|