diff --git a/en/application-dev/reference/arkui-ts/ts-container-panel.md b/en/application-dev/reference/arkui-ts/ts-container-panel.md index 4c032b32a8c40fe513661ff1030dd5f5a82e4f6c..de60b304ca810fc788285ee81e65f66bd814ee2f 100644 --- a/en/application-dev/reference/arkui-ts/ts-container-panel.md +++ b/en/application-dev/reference/arkui-ts/ts-container-panel.md @@ -1,12 +1,12 @@ # Panel -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** +> **NOTE** > > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. -The **<Panel>** component is a slidable panel that presents lightweight content with flexible sizes. It is a pop-up component. +The **** component is a slidable panel that presents lightweight content with flexible sizes. It is a pop-up component. ## Required Permissions @@ -24,7 +24,7 @@ This component can contain child components. Panel(value:{show:boolean}) - Parameters - | Name | Type | Mandatory | Default Value | Description | + | Name | Type | Mandatory | Default Value | Description | | -------- | -------- | -------- | -------- | -------- | | show | boolean | Yes | - | Whether the panel is shown or hidden. | @@ -41,18 +41,18 @@ Panel(value:{show:boolean}) | miniHeight | Length | - | Panel height in the **PanelMode.Mini** mode. | - PanelType enums - | Name | Description | + | Name | Description | | -------- | -------- | - | Minibar | A minibar panel displays content in the minibar area or a large (fullscreen-like) area. | - | Foldable | A foldable panel displays permanent content in a large (fullscreen-like), medium-sized (halfscreen-like), or small area. | - | Temporary | A temporary panel displays content in a large (fullscreen-like) or medium-sized (halfscreen-like) area. | + | Minibar | A minibar panel that displays content in the minibar area or a large (fullscreen-like) area. | + | Foldable | A foldable panel that displays permanent content in a large (fullscreen-like), medium-sized (halfscreen-like), or small area. | + | Temporary | A temporary panel that displays content in a large (fullscreen-like) or medium-sized (halfscreen-like) area. | - PanelMode enums - | Name | Description | + | Name | Description | | -------- | -------- | - | Mini | Displays a **minibar** or **foldable** panel in its minimum size. This attribute does not take effect for **temporary** panels. | - | Half | Displays a **foldable** or **temporary** panel in a medium-sized (halfscreen-like) area. This attribute does not take effect for **minibar** panels. | - | Full | Displays a panel in a large (fullscreen-like) area. | + | Mini | Display of a minibar or foldable panel in its minimum size. This attribute does not take effect for **temporary** panels. | + | Half | Display of a foldable or temporary panel in a medium-sized (halfscreen-like) area. This attribute does not take effect for **minibar** panels. | + | Full | Display of a panel in a large (fullscreen-like) area. | ## Events diff --git a/en/application-dev/reference/arkui-ts/ts-container-refresh.md b/en/application-dev/reference/arkui-ts/ts-container-refresh.md index 27cff4d2ede5da8828b0af1d783a4bd5060520fc..65f881d1040db2f31465f6923c43d0f46c384e40 100644 --- a/en/application-dev/reference/arkui-ts/ts-container-refresh.md +++ b/en/application-dev/reference/arkui-ts/ts-container-refresh.md @@ -1,6 +1,6 @@ # Refresh -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** +> **NOTE**
> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. The **** component is used to refresh a page through a pull-down gesture. @@ -19,11 +19,11 @@ Refresh\(value: \{refreshing: boolean, offset?: Length, friction?: number\}\) - Parameters - | Name| Value Type| Mandatory| Default Value| Description| + | Name | Value Type | Mandatory | Default Value | Description | | -------- | -------- | -------- | -------- | -------- | - | refreshing | boolean | Yes| - | Whether the current component is being refreshed.| - | offset | Length | No| 16 | Distance to the top of the parent component from the **** component that comes to rest after a successful pull-down gesture.| - | friction | number | No| 62 | Coefficient of friction, which indicates the **** component's sensitivity to the pull-down gesture. The value ranges from 0 to 100.
- **0** indicates that the **** component is not sensitive to the pull-down gesture.
- **100** indicates that the **** component is highly sensitive to the pull-down gesture.
- A larger value indicates a more sensitive response of the **** component to the pull-down gesture.| + | refreshing | boolean | Yes| - | Whether the current component is being refreshed. | + | offset | Length | No| 16 | Distance to the top of the parent component from the **** component that comes to rest after a successful pull-down gesture. | + | friction | number | No| 62 | Coefficient of friction, which indicates the **** component's sensitivity to the pull-down gesture. The value ranges from 0 to 100.
- **0** indicates that the **** component is not sensitive to the pull-down gesture.
- **100** indicates that the **** component is highly sensitive to the pull-down gesture.
- A larger value indicates a more sensitive response of the **** component to the pull-down gesture. | @@ -37,13 +37,13 @@ Refresh\(value: \{refreshing: boolean, offset?: Length, friction?: number\}\) - RefreshStatus enums - | Name| Description| + | Name | Description | | -------- | -------- | - | Inactive | The component is not pulled down. This is the default value.| - | Drag | The component is being pulled down, but the pulled distance is shorter than the minimum length required to trigger the refresh.| - | OverDrag | The component is being pulled down, and the pulled distance exceeds the minimum length required to trigger the refresh.| - | Refresh | The pull-down ends, and the component rebounds to the minimum length required to trigger the refresh and enters the refresh state.| - | Done | The refresh is complete, and the component returns to the initial state (top).| + | Inactive | The component is not pulled down. This is the default value. | + | Drag | The component is being pulled down, but the pulled distance is shorter than the minimum length required to trigger the refresh. | + | OverDrag | The component is being pulled down, and the pulled distance exceeds the minimum length required to trigger the refresh. | + | Refresh | The pull-down ends, and the component rebounds to the minimum length required to trigger the refresh and enters the refresh state. | + | Done | The refresh is complete, and the component returns to the initial state (top). | ## Example diff --git a/en/application-dev/reference/arkui-ts/ts-container-row.md b/en/application-dev/reference/arkui-ts/ts-container-row.md index 628b9672084d28207535f29c32745d3f4eb23a06..28eb30db284203f2441ecea0d26f4eb040c5d7ea 100644 --- a/en/application-dev/reference/arkui-ts/ts-container-row.md +++ b/en/application-dev/reference/arkui-ts/ts-container-row.md @@ -1,6 +1,6 @@ # Row -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** +> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. @@ -22,24 +22,24 @@ Supported Row(value:{space?: Length}) - Parameters - | Name| Type| Mandatory| Default Value| Description| + | Name| Type| Mandatory| Default Value | Description | | -------- | -------- | -------- | -------- | -------- | - | space | Length | No| 0 | Space between two adjacent child components in the horizontal layout.| + | space | Length | No| 0 | Space between two adjacent child components in the horizontal layout. | ## Attributes -| Name| Type| Default Value| Description| +| Name| Type | Default Value | Description | | -------- | -------- | -------- | -------- | -| alignItems | VerticalAlign | VerticalAlign.Center | Alignment mode of the child components in the vertical direction.| -| justifyContent8+ | [FlexAlign](ts-container-flex.md) | FlexAlign.Start | Alignment mode of the child components in the horizontal direction.| +| alignItems | VerticalAlign | VerticalAlign.Center | Alignment mode of child components in the vertical direction. | +| justifyContent8+ | [FlexAlign](ts-container-flex.md) | FlexAlign.Start | Alignment mode of child components in the horizontal direction. | - VerticalAlign enums - | Name| Description| + | Name | Description | | -------- | -------- | - | Top | Top aligned.| - | Center | Center aligned. This is the default alignment mode.| - | Bottom | Bottom aligned.| + | Top | Top aligned. | + | Center | Center aligned. This is the default alignment mode. | + | Bottom | Bottom aligned. | ## Example diff --git a/en/application-dev/reference/arkui-ts/ts-container-rowsplit.md b/en/application-dev/reference/arkui-ts/ts-container-rowsplit.md index 04f4a38ccca5fe7f11919dfdd1cbbbb0e5305b80..02a565fe1817b5e02668342183225939010ea915 100644 --- a/en/application-dev/reference/arkui-ts/ts-container-rowsplit.md +++ b/en/application-dev/reference/arkui-ts/ts-container-rowsplit.md @@ -1,11 +1,11 @@ # RowSplit -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** +> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. -The **<RowSplit>** lays out child components horizontally and inserts a vertical divider between every two child components. +The **** component lays out child components horizontally and inserts a vertical divider between every two child components. ## Required Permissions @@ -29,8 +29,8 @@ RowSplit() | -------- | -------- | -------- | | resizeable | boolean | Whether the divider can be dragged. The default value is **false**. | -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** -> Similar to **<RowSplit>**, the divider of **<RowSplit>** can be dragged to a position that just fully holds a component. +> **NOTE**
+> Similar to ****, the divider of **** can be dragged to a position that just fully holds a component. ## Example