feat: refine translation

This commit is contained in:
Justineo 2022-01-24 18:53:52 +08:00
parent 699050a4d9
commit 9cbfe8bf0e
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
30 changed files with 94 additions and 94 deletions

View File

@ -14,7 +14,7 @@
[[ demo src="/demo/badge/number.vue" ]] [[ demo src="/demo/badge/number.vue" ]]
### 圆点徽标 ### 飘角徽标
不提供徽标内容时,徽标将以圆点样式显示在右上角。 不提供徽标内容时,徽标将以圆点样式显示在右上角。

View File

@ -55,17 +55,17 @@
| ``options`` | `Array<Object>` | - | [^options] | | ``options`` | `Array<Object>` | - | [^options] |
| ``value`` | `Array<*>|*` | - | [^value] | | ``value`` | `Array<*>|*` | - | [^value] |
| ``multiple`` | `boolean` | `false` | 是否允许多选。 | | ``multiple`` | `boolean` | `false` | 是否允许多选。 |
| ``inline`` | `boolean` | `false` | 下拉面板是否内联展示。 | | ``inline`` | `boolean` | `false` | 下拉面板是否内联模式展示(展开选项将拆分面板而非向外扩展)。 |
| ``max`` | `number` | - | 多选时允许选择的项目上限。 | | ``max`` | `number` | - | 多选时允许选择的项目上限。 |
| ``placeholder`` | `string` | `cascader.placeholder` | 未选择时的占位文本。 | | ``placeholder`` | `string` | `cascader.placeholder` | 未选择时的占位文本。 |
| ``clearable`` | `boolean` | `false` | 是否可以清除已选内容。 | | ``clearable`` | `boolean` | `false` | 是否可以清除已选内容。 |
| ``searchable`` | `boolean` | `false` | 是否允许搜索选项。 | | ``searchable`` | `boolean` | `false` | 是否允许搜索选项。 |
| ``expanded`` | `boolean=` | `false` | [^expanded] | | ``expanded`` | `boolean=` | `false` | [^expanded] |
| ``column-trigger`` | `hover | click` | `click` | [^column-trigger] | | ``column-trigger`` | `'hover' | 'click'` | `'click'` | [^column-trigger] |
| ``select-mode`` | `'leaf-only' | 'any'` | `any` | [^select-mode] | | ``select-mode`` | `'leaf-only' | 'any'` | `'any'` | [^select-mode] |
| ``column-width`` | `number | string` | - | [^column-width] | | ``column-width`` | `number | string` | - | [^column-width] |
| ``show-select-all`` | `boolean` | `false` | 在多选模式下是否有全选按钮。 | | ``show-select-all`` | `boolean` | `false` | 在多选模式下是否有全选按钮。 |
| ``value-display`` | `'complete' | 'simple'` | `simple` | [^value-display] | | ``value-display`` | `'complete' | 'simple'` | `'simple'` | [^value-display] |
| ``disabled`` | `boolean=` | `false` | 是否为禁用状态。 | | ``disabled`` | `boolean=` | `false` | 是否为禁用状态。 |
| ``readonly`` | `boolean=` | `false` | 是否为只读状态。 | | ``readonly`` | `boolean=` | `false` | 是否为只读状态。 |
| ``overlay-class`` | `string | Array | Object=` | - | 参考 [`Overlay`](./overlay) 组件的 [`overlay-class`](./overlay#props-overlay-class) 属性。 | | ``overlay-class`` | `string | Array | Object=` | - | 参考 [`Overlay`](./overlay) 组件的 [`overlay-class`](./overlay#props-overlay-class) 属性。 |
@ -160,7 +160,7 @@
| 名称 | 描述 | | 名称 | 描述 |
| -- | -- | | -- | -- |
| ``trigger`` | [^slot-trigger] | | ``trigger`` | [^slot-trigger] |
| ``pane`` | 下拉面板中的内容插槽。用域参数同 [`trigger`](#slots-trigger) 插槽。 | | ``pane`` | 下拉面板中的内容插槽。用域参数同 [`trigger`](#slots-trigger) 插槽。 |
| ``before`` | 选项列表前的内容。无默认内容。作用域参数同 [`trigger`](#slots-trigger) 插槽。 | | ``before`` | 选项列表前的内容。无默认内容。作用域参数同 [`trigger`](#slots-trigger) 插槽。 |
| ``after`` | 选项列表后的内容。无默认内容。作用域参数同 [`trigger`](#slots-trigger) 插槽。 | | ``after`` | 选项列表后的内容。无默认内容。作用域参数同 [`trigger`](#slots-trigger) 插槽。 |
| ``column-before`` | [^slot-column-before] | | ``column-before`` | [^slot-column-before] |
@ -244,7 +244,7 @@
^^^slot-selected ^^^slot-selected
选中值渲染区域。 选中值渲染区域。
默认内容:单选时渲染选中项目的标签;多选时将每个选中项目的标签渲染成`Tag`。 默认内容:单选时渲染选中项目的文本;多选时将每个选中项目的标签渲染成`Tag`。
+++单选时的作用域参数 +++单选时的作用域参数
| 名称 | 类型 | 描述 | | 名称 | 类型 | 描述 |

View File

@ -18,7 +18,7 @@
[[ demo src="/demo/dropdown/size.vue" ]] [[ demo src="/demo/dropdown/size.vue" ]]
### 内联模式 ### 内联选项
`Dropdown` 组件内支持内联使用 `OptionGroup``Option` 组件来代替 [`options`](#props-options) 属性。 `Dropdown` 组件内支持内联使用 `OptionGroup``Option` 组件来代替 [`options`](#props-options) 属性。

View File

@ -12,7 +12,7 @@
[[ demo src="/demo/select/size.vue" ]] [[ demo src="/demo/select/size.vue" ]]
### 内联模式 ### 内联选项
`Select` 组件内支持内联使用 `OptionGroup``Option` 组件来代替 [`options`](#props-options) 属性。 `Select` 组件内支持内联使用 `OptionGroup``Option` 组件来代替 [`options`](#props-options) 属性。

View File

@ -70,7 +70,7 @@ The content of the message.
Default: message text. Default: message text.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `message` | `string` | Message text. | | `message` | `string` | Message text. |

View File

@ -81,10 +81,10 @@ The last item will always be displayed as plain text by default.
^^^slot-item ^^^slot-item
The content of each breadcrumb item. Default to the `label` properties of each item within `routes`, or the default slot content of [`BreadcrumbItem`]('./breadcrumb-item) components. The content of each breadcrumb item. Default to the `label` properties of each item within `routes`, or the default slot content of [`BreadcrumbItem`]('./breadcrumb-item) components.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `route` | `Object` | The item in `routes`. Custom properties will also be passes into the scope object. | | `route` | `Object` | The item in `routes`. Custom properties will also be passes into the slot props object. |
+++ +++
^^^ ^^^

View File

@ -76,7 +76,7 @@ The content of each button.
Shows the text specified by the `label` property by default. Shows the text specified by the `label` property by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The label text of the button. | | `label` | `string` | The label text of the button. |
@ -85,7 +85,7 @@ Shows the text specified by the `label` property by default.
| `disabled` | `boolean=` | Whether the button is disabled. | | `disabled` | `boolean=` | Whether the button is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -67,7 +67,7 @@ Selected date(s) or date range(s). Data type differs according to `multiple` and
^^^slot-date ^^^slot-date
The content of each date cell. Displays the corresponding day of month by default. The content of each date cell. Displays the corresponding day of month by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `year` | `number` | The full representation of year. | | `year` | `number` | The full representation of year. |

View File

@ -86,7 +86,7 @@ The behavior triggers item switch when radio indicator is displayed.
^^^slot-item ^^^slot-item
The content of each carousel item. Displays the corresponding image by default. The content of each carousel item. Displays the corresponding image by default.
The slot scope properties are the same as each item inside `datasource` (including custom properties), with an extra `index: number`, which denotes the index within the datasource. i.e. The `slot-scope` is in the form of `{src, alt, label, index, ...}`. The slot props are the same as each item inside `datasource` (including custom properties), with an extra `index: number`, which denotes the index within the datasource. i.e. The `slot-scope` is in the form of `{src, alt, label, index, ...}`.
^^^ ^^^
### Events ### Events

View File

@ -62,7 +62,7 @@ The `value`s of the selected items.
^^^slot-item ^^^slot-item
The label content of each button. Displays the value of the `label` property by default. The label content of each button. Displays the value of the `label` property by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the item. | | `label` | `string` | The descriptive label of the item. |
@ -71,7 +71,7 @@ The label content of each button. Displays the value of the `label` property by
| `disabled` | `boolean=` | Whether the item is disabled. | | `disabled` | `boolean=` | Whether the item is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -61,7 +61,7 @@ The `value`s of the selected items.
^^^slot-item ^^^slot-item
The label content of each checkbox. Displays the value of the `label` property by default. The label content of each checkbox. Displays the value of the `label` property by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the item. | | `label` | `string` | The descriptive label of the item. |
@ -70,7 +70,7 @@ The label content of each checkbox. Displays the value of the `label` property b
| `disabled` | `boolean=` | Whether the item is disabled. | | `disabled` | `boolean=` | Whether the item is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -74,7 +74,7 @@ The table foot.
^^^slot-default ^^^slot-default
The content of the table cell. Displays the property value corresponds to the [`field`](#props-field) prop in table's [`data`](./table#props-data) prop. The content of the table cell. Displays the property value corresponds to the [`field`](#props-field) prop in table's [`data`](./table#props-data) prop.
The slot scope properties are the same as each item inside `data`, with an extra `index: number`, which denotes the index within the row data. The slot props are the same as each item inside `data`, with an extra `index: number`, which denotes the index within the row data.
^^^ ^^^
^^^slot-sub-row ^^^slot-sub-row
@ -82,7 +82,7 @@ The content of cells in a sub row. Sub row data comes from the `children` array
Displays the value keyed by the [`field`](#props-field) prop inside the sub row data, which is `data[i].children[j]` of the parent table. Displays the value keyed by the [`field`](#props-field) prop inside the sub row data, which is `data[i].children[j]` of the parent table.
The slot scope properties are the same as each item inside `children`, with an extra `index: number`, which denotes the index within the row data. The slot props are the same as each item inside `children`, with an extra `index: number`, which denotes the index within the row data.
:::warning :::warning
The `sub-row` slot of `Column` will be ignored when content is provided for `Table`'s [`sub-row`](./table#slots-sub-row) slot. The `sub-row` slot of `Column` will be ignored when content is provided for `Table`'s [`sub-row`](./table#slots-sub-row) slot.
@ -92,7 +92,7 @@ The `sub-row` slot of `Column` will be ignored when content is provided for `Tab
^^^slot-desc ^^^slot-desc
The content of the description overlay. Will override the [`desc`](#props-desc) prop when set. The content of the description overlay. Will override the [`desc`](#props-desc) prop when set.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `close` | `function(): void` | Used to close the description overlay. | | `close` | `function(): void` | Used to close the description overlay. |
@ -102,7 +102,7 @@ The content of the description overlay. Will override the [`desc`](#props-desc)
^^^slot-filter ^^^slot-filter
The content of the filter dropdown. The content of the filter dropdown.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `close` | `function(): void` | Used to close the filter dropdown. | | `close` | `function(): void` | Used to close the filter dropdown. |

View File

@ -178,7 +178,7 @@ Whether the dropdown overlay is expanded.
^^^slot-date ^^^slot-date
The content of each date cell in the dropdown overlay. Displays the corresponding day of month by default. The content of each date cell in the dropdown overlay. Displays the corresponding day of month by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `year` | `number` | The full representation of year. | | `year` | `number` | The full representation of year. |

View File

@ -117,7 +117,7 @@ methods: {
The foot of the dialog. Displays “OK” and “Cancel” buttons by default. The foot of the dialog. Displays “OK” and “Cancel” buttons by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `close` | `function(type: string): void` | The callback to trigger closing the dialog. `type` is the action type and will be passed into `before-close` hook as the first argument. And an event named after `type` will be triggered synchronously. | | `close` | `function(type: string): void` | The callback to trigger closing the dialog. `type` is the action type and will be passed into `before-close` hook as the first argument. And an event named after `type` will be triggered synchronously. |

View File

@ -18,7 +18,7 @@ Available size values for the [`ui`](#props-ui) prop: `xs` / `s` / `m` / `l`.
[[ demo src="/demo/dropdown/size.vue" ]] [[ demo src="/demo/dropdown/size.vue" ]]
### Using embedded `OptionGroup`s & `Option`s ### Embedded options
Can be used with embedded `OptionGroup`s & `Option`s. Can be used with embedded `OptionGroup`s & `Option`s.
@ -109,7 +109,7 @@ Whether the dropdown menu is expanded.
^^^slot-label ^^^slot-label
The content of the select button. Displays the [`label`](#props-label) prop by default. The content of the select button. Displays the [`label`](#props-label) prop by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the dropdown option. | | `label` | `string` | The descriptive label of the dropdown option. |
@ -119,20 +119,20 @@ The content of the select button. Displays the [`label`](#props-label) prop by d
^^^slot-group-label ^^^slot-group-label
The label text of each option group (option with child `options`). Displays the `label` of the option by default. The label text of each option group (option with child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option group. | | `label` | `string` | The descriptive label of the option group. |
| `disabled` | `boolean=` | Whether the option group is disabled. | | `disabled` | `boolean=` | Whether the option group is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option-label ^^^slot-option-label
The label text of each option (option without child `options`). Displays the `label` of the option by default. The label text of each option (option without child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -141,13 +141,13 @@ The label text of each option (option without child `options`). Displays the `la
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option ^^^slot-option
The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default. The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -156,13 +156,13 @@ The entire content area of each option (option without child `options`). Display
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-trigger ^^^slot-trigger
The entire drop-down trigger area. Displays the dropdown button by default. The entire drop-down trigger area. Displays the dropdown button by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | --- | --- | --- |
| `attrs` | `Object` | Attributes that need to be output to the trigger element, including `aria-*` / `disabled`, etc., can be output using `v-bind="attrs"`. | | `attrs` | `Object` | Attributes that need to be output to the trigger element, including `aria-*` / `disabled`, etc., can be output using `v-bind="attrs"`. |

View File

@ -50,7 +50,7 @@ function (keyword, { label }) {
^^^default ^^^default
The content of the filter panel. The content of the filter panel.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `items` | `Array<Object>` | The filtered items from the [`datasource`](#props-datasource) prop and shares the same type with `datasource`. | | `items` | `Array<Object>` | The filtered items from the [`datasource`](#props-datasource) prop and shares the same type with `datasource`. |

View File

@ -56,7 +56,7 @@ The way to display child options.
^^^slot-label ^^^slot-label
The label of the option group. Displays the [`label`](#props-label) prop by default. The label of the option group. Displays the [`label`](#props-label) prop by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option group. | | `label` | `string` | The descriptive label of the option group. |
@ -67,20 +67,20 @@ The label of the option group. Displays the [`label`](#props-label) prop by defa
^^^slot-group-label ^^^slot-group-label
The label text of each option group (option with child `options`). Displays the `label` of the option by default. The label text of each option group (option with child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option group. | | `label` | `string` | The descriptive label of the option group. |
| `disabled` | `boolean=` | Whether the option group is disabled. | | `disabled` | `boolean=` | Whether the option group is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option-label ^^^slot-option-label
The label text of each option (option without child `options`). Displays the `label` of the option by default. The label text of each option (option without child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -89,13 +89,13 @@ The label text of each option (option without child `options`). Displays the `la
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option ^^^slot-option
The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default. The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -104,7 +104,7 @@ The entire content area of each option (option without child `options`). Display
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Icons ### Icons

View File

@ -49,7 +49,7 @@ The status of the progress. Available values are `success` / `alert`, denoting s
^^^slot-default ^^^slot-default
The description content. Displays the percentage value of the progress by default. The description content. Displays the percentage value of the progress by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `percent` | `number` | The percentage value of the progress. | | `percent` | `number` | The percentage value of the progress. |

View File

@ -61,7 +61,7 @@ The `value`s of the selected items.
^^^slot-item ^^^slot-item
The label content of each button. Displays the value of the `label` property by default. The label content of each button. Displays the value of the `label` property by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the item. | | `label` | `string` | The descriptive label of the item. |
@ -70,7 +70,7 @@ The label content of each button. Displays the value of the `label` property by
| `disabled` | `boolean=` | Whether the item is disabled. | | `disabled` | `boolean=` | Whether the item is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -59,7 +59,7 @@ The `value` of the selected item.
^^^slot-item ^^^slot-item
The label content of each radio. Displays the value of the `label` property by default. The label content of each radio. Displays the value of the `label` property by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the item. | | `label` | `string` | The descriptive label of the item. |
@ -68,7 +68,7 @@ The label content of each radio. Displays the value of the `label` property by d
| `disabled` | `boolean=` | Whether the item is disabled. | | `disabled` | `boolean=` | Whether the item is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -46,7 +46,7 @@ The array of selected `value`s.
^^^slot-label ^^^slot-label
The label content of each node. Displays the `label` property of each item by default. The label content of each node. Displays the `label` property of each item by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the node. | | `label` | `string` | The descriptive label of the node. |
@ -57,7 +57,7 @@ The label content of each node. Displays the `label` property of each item by de
| `overlay` | `boolean=` | Whether the node is displayed inside the overlay. | | `overlay` | `boolean=` | Whether the node is displayed inside the overlay. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
:::tip :::tip
When `level` is `2` and `overlay` is `true`, the information of selected node count vs total node count will be displayed after the node label. When `level` is `2` and `overlay` is `true`, the information of selected node count vs total node count will be displayed after the node label.

View File

@ -67,20 +67,20 @@ Shortcut selection list. The type is `{label: string, selected: boolean | Array}
^^^slot-legend-label ^^^slot-legend-label
The text label of each legend. Displays the `label` property of each legend by default. The text label of each legend. Displays the `label` property of each legend by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The text label of the legend. | | `label` | `string` | The text label of the legend. |
| `value` | `string` | The value of the legend. | | `value` | `string` | The value of the legend. |
+++ +++
Additionally, custom properties inside `statuses` apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties inside `statuses` apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-hour ^^^slot-hour
The content of each hour cell. The content of each hour cell.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `day` | `number` | The day of week. `0` denotes Sunday. | | `day` | `number` | The day of week. `0` denotes Sunday. |
@ -91,7 +91,7 @@ The content of each hour cell.
^^^slot-label ^^^slot-label
The content of the selected label. By default, displays the time range in the form of <code>&#0096;${from}:00${to + 1}:00&#0096;</code> when it's more than 3 hours, displays “Entire Day” when every hour of a day are selected; displays nothing for less than 3 hours. The content of the selected label. By default, displays the time range in the form of <code>&#0096;${from}:00${to + 1}:00&#0096;</code> when it's more than 3 hours, displays “Entire Day” when every hour of a day are selected; displays nothing for less than 3 hours.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `from` | `number` | The first hour of the time range. | | `from` | `number` | The first hour of the time range. |
@ -102,7 +102,7 @@ The content of the selected label. By default, displays the time range in the fo
^^^slot-tooltip ^^^slot-tooltip
The tooltip for each hour cell. Displays <code>&#0096;${hour}:00${hour + 1}:00&#0096;</code> for current hour by default. The tooltip for each hour cell. Displays <code>&#0096;${hour}:00${hour + 1}:00&#0096;</code> for current hour by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `day` | `number` | The day of week. `0` denotes Sunday. | | `day` | `number` | The day of week. `0` denotes Sunday. |

View File

@ -108,7 +108,7 @@ Whether the suggestion list is expanded (if there are no items in `suggestions`,
^^^slot-suggestions ^^^slot-suggestions
The content of the entire suggestion list. The content of the entire suggestion list.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `suggestions` | `Array<{value: string, label: string}>` | The normalized suggestions from the [`suggestions`](#props-suggestions) prop. | | `suggestions` | `Array<{value: string, label: string}>` | The normalized suggestions from the [`suggestions`](#props-suggestions) prop. |
@ -117,13 +117,13 @@ The content of the entire suggestion list.
^^^slot-suggestion ^^^slot-suggestion
The content of each suggestion option. The content of each suggestion option.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The text label of the suggestion option. | | `label` | `string` | The text label of the suggestion option. |
| `value` | `string` | The value of the suggestion option. | | `value` | `string` | The value of the suggestion option. |
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
When `suggestions` is an `Array<string>`, the `label` and `value` of the suggestion option will share the same `string` value. When `suggestions` is an `Array<string>`, the `label` and `value` of the suggestion option will share the same `string` value.
+++ +++

View File

@ -12,7 +12,7 @@ Available size variants for the [`ui`](#props-ui) prop: `xs` / `s` / `m` / `l`.
[[ demo src="/demo/select/size.vue" ]] [[ demo src="/demo/select/size.vue" ]]
### Using embedded `OptionGroup`s & `Option`s ### Embedded options
Can be used with embedded `OptionGroup`s & `Option`s. Can be used with embedded `OptionGroup`s & `Option`s.
@ -108,7 +108,7 @@ Whether the dropdown menu is expanded.
^^^slot-before ^^^slot-before
The content before the options in the dropdown layer. No default content. The content before the options in the dropdown layer. No default content.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `value` | `*` | The value of the selected option. | | `value` | `*` | The value of the selected option. |
@ -121,7 +121,7 @@ The content before the options in the dropdown layer. No default content.
^^^slot-label ^^^slot-label
The content of the select button. Displays the `label` of selected option or the text content of the selected embedded option by default. The content of the select button. Displays the `label` of selected option or the text content of the selected embedded option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the selected option. | | `label` | `string` | The descriptive label of the selected option. |
@ -130,26 +130,26 @@ The content of the select button. Displays the `label` of selected option or the
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-group-label ^^^slot-group-label
The label text of each option group (option with child `options`). Displays the `label` of the option by default. The label text of each option group (option with child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option group. | | `label` | `string` | The descriptive label of the option group. |
| `disabled` | `boolean=` | Whether the option group is disabled. | | `disabled` | `boolean=` | Whether the option group is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option-label ^^^slot-option-label
The label text of each option (option without child `options`). Displays the `label` of the option by default. The label text of each option (option without child `options`). Displays the `label` of the option by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -158,13 +158,13 @@ The label text of each option (option without child `options`). Displays the `la
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^slot-option ^^^slot-option
The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default. The entire content area of each option (option without child `options`). Displays the default content of `Options` component by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of the option. | | `label` | `string` | The descriptive label of the option. |
@ -173,13 +173,13 @@ The entire content area of each option (option without child `options`). Display
| `disabled` | `boolean=` | Whether the option is disabled. | | `disabled` | `boolean=` | Whether the option is disabled. |
+++ +++
Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current option, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
^^^ ^^^
^^^^slot-trigger ^^^^slot-trigger
The entire drop-down trigger area. Displays the select input by default. The entire drop-down trigger area. Displays the select input by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | --- | --- | --- |
| `attrs` | `Object` | Attributes that need to be output to the trigger element, including `aria-*` / `disabled`, etc., can be output using `v-bind="attrs"`. | | `attrs` | `Object` | Attributes that need to be output to the trigger element, including `aria-*` / `disabled`, etc., can be output using `v-bind="attrs"`. |
@ -229,5 +229,5 @@ Triggers when the selected option changed. The callback parameter list is `(valu
| Name | Description | | Name | Description |
| -- | -- | | -- | -- |
| ``expand`` | Expand the dropdown layer. | | ``expand`` | Expand the dropdown panel. |
| ``collapse`` | Collapse the dropdown layer. | | ``collapse`` | Collapse the dropdown panel. |

View File

@ -89,7 +89,7 @@ When `parse` and `format` are specified, values can be of any type, and `parse`
^^^slot-thumb ^^^slot-thumb
The thumb(s) of the slider. Displays a round button by default. The thumb(s) of the slider. Displays a round button by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `index` | `number` | The index of current thumb. | | `index` | `number` | The index of current thumb. |
@ -102,7 +102,7 @@ The thumb(s) of the slider. Displays a round button by default.
^^^slot-tip ^^^slot-tip
The entire tooltip for each thumb. Displays a `Tooltip` component with `value` as its content by default. The entire tooltip for each thumb. Displays a `Tooltip` component with `value` as its content by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `target` | `HTMLElement` | The rendered `Element` for current thumb. | | `target` | `HTMLElement` | The rendered `Element` for current thumb. |

View File

@ -55,14 +55,14 @@ The datasource of steps with item type being `{ label, desc, to, status }`.
| Name | Description | | Name | Description |
| -- | -- | | -- | -- |
| ``default`` | [^slot-default] | | ``default`` | [^slot-default] |
| ``index`` | The step index. Displays an index value starts from `1`, a success icon for finished steps by default and an error icon for error steps. Resides inside the [`default`](#slots-default) slot and share the same scope properties. | | ``index`` | The step index. Displays an index value starts from `1`, a success icon for finished steps by default and an error icon for error steps. Resides inside the [`default`](#slots-default) slot and share the same slot props. |
| ``label`` | The step label. Displays the `label` property by default. Resides inside the [`default`](#slots-default) slot and share the same scope properties. | | ``label`` | The step label. Displays the `label` property by default. Resides inside the [`default`](#slots-default) slot and share the same slot props. |
| ``desc`` | The step description. Displays the `desc` property by default. Resides inside the [`default`](#slots-default) slot and share the same scope properties. | | ``desc`` | The step description. Displays the `desc` property by default. Resides inside the [`default`](#slots-default) slot and share the same slot props. |
^^^slot-default ^^^slot-default
The content of each step. Displays the step index/completed icon, label and description by default. The content of each step. Displays the step index/completed icon, label and description by default.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The label of the step. Same as the `label` property from items of the [`steps`](#props-steps) prop. | | `label` | `string` | The label of the step. Same as the `label` property from items of the [`steps`](#props-steps) prop. |
@ -71,7 +71,7 @@ The content of each step. Displays the step index/completed icon, label and desc
| `status` | `string` | The status of the step. Same as the `status` property from items of the [`steps`](#props-steps) prop. | | `status` | `string` | The status of the step. Same as the `status` property from items of the [`steps`](#props-steps) prop. |
| `index` | `number` | The index of the step. (Starts from `0`.) | | `index` | `number` | The index of the step. (Starts from `0`.) |
Additionally, custom properties in current step, apart from the listed ones, will also be passes into the scope object via `v-bind`. Additionally, custom properties in current step, apart from the listed ones, will also be passes into the slot props object via `v-bind`.
+++ +++
^^^ ^^^

View File

@ -114,7 +114,7 @@ The values of expanded rows. Each item is the value keyed by the [`key-field`](#
^^^slot-sub-row ^^^slot-sub-row
The content of the expanded sub-row. Will span across all columns and override the [`sub-row`](./column#slots-sub-row) slot of the `Column` components inside the table. The content of the expanded sub-row. Will span across all columns and override the [`sub-row`](./column#slots-sub-row) slot of the `Column` components inside the table.
The slot scope properties are the same as each item inside [`data`](#props-data), with an extra `index: number`, which denotes the index within the datasource. The slot props are the same as each item inside [`data`](#props-data), with an extra `index: number`, which denotes the index within the datasource.
^^^ ^^^
### Events ### Events

View File

@ -125,19 +125,19 @@ Merge strategy for selected values. When all child nodes under a node are select
| ``candidate`` | The candidate panel. | | ``candidate`` | The candidate panel. |
| ``candidate-head`` | [^candidate-head] | | ``candidate-head`` | [^candidate-head] |
| ``selected-head`` | [^selected-head] | | ``selected-head`` | [^selected-head] |
| ``candidate-title`` | The title text of the candidate panel. Shares the same scope properties with slot `candidate-head`. | | ``candidate-title`` | The title text of the candidate panel. Shares the same slot props with slot `candidate-head`. |
| ``selected-title`` | The title text of the selected panel. Shares the same scope properties with slot `selected-head`. | | ``selected-title`` | The title text of the selected panel. Shares the same slot props with slot `selected-head`. |
| ``candidate-no-data`` | The content displayed when there's no data inside the candidate panel. | | ``candidate-no-data`` | The content displayed when there's no data inside the candidate panel. |
| ``selected-no-data`` | The content displayed when there's no data inside the selected panel. | | ``selected-no-data`` | The content displayed when there's no data inside the selected panel. |
| ``candidate-item`` | [^candidate-item] | | ``candidate-item`` | [^candidate-item] |
| ``selected-item`` | [^selected-item] | | ``selected-item`` | [^selected-item] |
| ``candidate-item-label`` | Label text of each item inside the candidate panel. Shares the same scope properties with slot `candidate-item`. | | ``candidate-item-label`` | Label text of each item inside the candidate panel. Shares the same slot props with slot `candidate-item`. |
| ``selected-item-label`` | Label text of each item inside the selected panel. Shares the same scope properties with slot `selected-item` when `selected-show-mode` is `'tree'`. Otherwise this slot specifies custom content for any item along the path for all selected leaf item and shares the same scope properties with slot `candidate-item`. | | ``selected-item-label`` | Label text of each item inside the selected panel. Shares the same slot props with slot `selected-item` when `selected-show-mode` is `'tree'`. Otherwise this slot specifies custom content for any item along the path for all selected leaf item and shares the same slot props with slot `candidate-item`. |
^^^candidate-head ^^^candidate-head
The head area of the candidate panel. The head area of the candidate panel.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `count` | `number` | The number of candidate items. | | `count` | `number` | The number of candidate items. |
@ -146,7 +146,7 @@ The head area of the candidate panel.
^^^selected-head ^^^selected-head
The head area of the selected panel. The head area of the selected panel.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `count` | `number` | The number of selected items. | | `count` | `number` | The number of selected items. |
@ -155,7 +155,7 @@ The head area of the selected panel.
^^^candidate-item ^^^candidate-item
The content of each item inside the candidate panel. The content of each item inside the candidate panel.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of current item. | | `label` | `string` | The descriptive label of current item. |
@ -169,8 +169,8 @@ The content of each item inside the candidate panel.
^^^selected-item ^^^selected-item
The content of each item inside the selected panel. The content of each item inside the selected panel.
+++Scope properties +++Slot props
The scope properties will be the same as slot `candidate-item` when `selected-show-mode` is `'tree'`. They'll be as follows when `selected-show-mode` is `'flat'`. The slot props will be the same as slot `candidate-item` when `selected-show-mode` is `'tree'`. They'll be as follows when `selected-show-mode` is `'flat'`.
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |

View File

@ -96,14 +96,14 @@ Merge strategy for selected values. When all child nodes under a node are select
| Name | Description | | Name | Description |
| -- | -- | | -- | -- |
| ``item`` | [^item] | | ``item`` | [^item] |
| ``item-label`` | The label of each node. Shares the same scope properties with the [`item`](#slots-item) slot. | | ``item-label`` | The label of each node. Shares the same slot props with the [`item`](#slots-item) slot. |
| ``item-before`` | The area before the label of each node. Shares the same scope properties with the [`item`](#slots-item) slot. | | ``item-before`` | The area before the label of each node. Shares the same slot props with the [`item`](#slots-item) slot. |
| ``item-after`` | The area after the label of each node. Shares the same scope properties with the [`item`](#slots-item) slot. | | ``item-after`` | The area after the label of each node. Shares the same slot props with the [`item`](#slots-item) slot. |
^^^item ^^^item
The content of each entire node. The content of each entire node.
+++Scope properties +++Slot props
| Name | Type | Description | | Name | Type | Description |
| -- | -- | -- | | -- | -- | -- |
| `label` | `string` | The descriptive label of current node. | | `label` | `string` | The descriptive label of current node. |
@ -113,7 +113,7 @@ The content of each entire node.
| `depth` | `number` | The depth of current node. | | `depth` | `number` | The depth of current node. |
+++ +++
Additionally, custom properties apart from the listed ones will also be passes into the scope object via `v-bind`. Additionally, custom properties apart from the listed ones will also be passes into the slot props object via `v-bind`.
^^^ ^^^
### Events ### Events

View File

@ -190,7 +190,7 @@ Default content: file upload for prompt to select a file, and image upload for u
^^^file ^^^file
Single file area to customize the file content. Single file area to customize the file content.
+++ scope parameters +++Slot props
| name | type | description | | name | type | description |
| --- | --- | --- | | --- | --- | --- |
| `name` | `string` | The name of the file. | | `name` | `string` | The name of the file. |