mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-03-13 13:59:04 +08:00
2.27.0
This commit is contained in:
parent
6fa6c36347
commit
dd4e1c7f43
@ -2,7 +2,7 @@
|
||||
|
||||
## Pending
|
||||
|
||||
## NEXT_VERSION
|
||||
## 2.27.0
|
||||
|
||||
### Breaking Changes
|
||||
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
## Pending
|
||||
|
||||
## NEXT_VERSION
|
||||
## 2.27.0
|
||||
|
||||
### Breaking Changes
|
||||
|
||||
|
@ -42,24 +42,24 @@ Set `n-config-provider`'s `date-locale` prop to `dateEnUS` imported from naive-u
|
||||
|
||||
PRs are welcomed for locales that are not supported yet!
|
||||
|
||||
| Language | Config | Date config | Version |
|
||||
| ------------------------- | ------ | ----------- | ------------ |
|
||||
| English | enUS | dateEnUS | |
|
||||
| Japanese | jaJP | dateJaJP | |
|
||||
| Russian | ruRU | dateRuRU | |
|
||||
| Ukrainian | ukUA | dateUkUA | |
|
||||
| Chinese (Simplified) | zhCN | dateZhCN | |
|
||||
| Chinese (Traditional) | zhTW | dateZhTW | |
|
||||
| German (Germany) | deDE | dateDeDe | |
|
||||
| Norwegian Bokmål (Norway) | nbNO | dateNbNO | |
|
||||
| French | frFR | dateFrFR | |
|
||||
| Spanish (Argentina) | esAR | dateEsAR | 2.24.2 |
|
||||
| Italiano | itIT | dateItIT | 2.24.2 |
|
||||
| English (British) | enGB | dateEnGB | 2.25.1 |
|
||||
| Polish (Poland) | plPL | datePlPL | 2.25.2 |
|
||||
| Esperanto | eo | dateEo | 2.25.2 |
|
||||
| Slovak | skSK | dateSkSK | 2.25.3 |
|
||||
| Thai (Thailand) | thTH | dateThTH | NEXT_VERSION |
|
||||
| Language | Config | Date config | Version |
|
||||
| ------------------------- | ------ | ----------- | ------- |
|
||||
| English | enUS | dateEnUS | |
|
||||
| Japanese | jaJP | dateJaJP | |
|
||||
| Russian | ruRU | dateRuRU | |
|
||||
| Ukrainian | ukUA | dateUkUA | |
|
||||
| Chinese (Simplified) | zhCN | dateZhCN | |
|
||||
| Chinese (Traditional) | zhTW | dateZhTW | |
|
||||
| German (Germany) | deDE | dateDeDe | |
|
||||
| Norwegian Bokmål (Norway) | nbNO | dateNbNO | |
|
||||
| French | frFR | dateFrFR | |
|
||||
| Spanish (Argentina) | esAR | dateEsAR | 2.24.2 |
|
||||
| Italiano | itIT | dateItIT | 2.24.2 |
|
||||
| English (British) | enGB | dateEnGB | 2.25.1 |
|
||||
| Polish (Poland) | plPL | datePlPL | 2.25.2 |
|
||||
| Esperanto | eo | dateEo | 2.25.2 |
|
||||
| Slovak | skSK | dateSkSK | 2.25.3 |
|
||||
| Thai (Thailand) | thTH | dateThTH | 2.27.0 |
|
||||
|
||||
## Customize the existing locale
|
||||
|
||||
|
@ -42,25 +42,25 @@ Naive-ui 通过使用 `n-config-provider` 调整语言,默认情况下所有
|
||||
|
||||
欢迎提交 PR 来支持尚未支持的语言。
|
||||
|
||||
| 语言 | 配置 | 日期配置 | 版本 |
|
||||
| ----------------- | ---- | -------- | ------------ |
|
||||
| 英语 | enUS | dateEnUS | |
|
||||
| 日语 | jaJP | dateJaJP | |
|
||||
| 俄罗斯语 | ruRU | dateRuRU | |
|
||||
| 乌克兰语 | ukUA | dateUkUA | |
|
||||
| 简体中文 | zhCN | dateZhCN | |
|
||||
| 繁体中文 | zhTW | dateZhTW | |
|
||||
| 印度尼西亚 | idID | dateIdID | |
|
||||
| 德语 | deDE | dateDeDe | |
|
||||
| 书面挪威语 | nbNO | dateNbNO | |
|
||||
| 法语 | frFR | dateFrFR | |
|
||||
| 西班牙语(阿根廷) | esAR | dateEsAR | 2.24.2 |
|
||||
| 意大利语 | itIT | dateItIT | 2.24.2 |
|
||||
| 英国英语 | enGB | dateEnGB | 2.25.1 |
|
||||
| 波兰语(波兰) | plPL | datePlPL | 2.25.2 |
|
||||
| 世界语 | eo | dateEo | 2.25.2 |
|
||||
| 斯洛伐克语 | skSK | dateSkSK | 2.25.3 |
|
||||
| 泰语(泰国) | thTH | dateThTH | NEXT_VERSION |
|
||||
| 语言 | 配置 | 日期配置 | 版本 |
|
||||
| ----------------- | ---- | -------- | ------ |
|
||||
| 英语 | enUS | dateEnUS | |
|
||||
| 日语 | jaJP | dateJaJP | |
|
||||
| 俄罗斯语 | ruRU | dateRuRU | |
|
||||
| 乌克兰语 | ukUA | dateUkUA | |
|
||||
| 简体中文 | zhCN | dateZhCN | |
|
||||
| 繁体中文 | zhTW | dateZhTW | |
|
||||
| 印度尼西亚 | idID | dateIdID | |
|
||||
| 德语 | deDE | dateDeDe | |
|
||||
| 书面挪威语 | nbNO | dateNbNO | |
|
||||
| 法语 | frFR | dateFrFR | |
|
||||
| 西班牙语(阿根廷) | esAR | dateEsAR | 2.24.2 |
|
||||
| 意大利语 | itIT | dateItIT | 2.24.2 |
|
||||
| 英国英语 | enGB | dateEnGB | 2.25.1 |
|
||||
| 波兰语(波兰) | plPL | datePlPL | 2.25.2 |
|
||||
| 世界语 | eo | dateEo | 2.25.2 |
|
||||
| 斯洛伐克语 | skSK | dateSkSK | 2.25.3 |
|
||||
| 泰语(泰国) | thTH | dateThTH | 2.27.0 |
|
||||
|
||||
## 在现有国际化基础上调整
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "naive-ui",
|
||||
"version": "2.26.4",
|
||||
"version": "2.27.0",
|
||||
"description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
|
||||
"main": "lib/index.js",
|
||||
"module": "es/index.js",
|
||||
|
@ -34,7 +34,7 @@ status.vue
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | Autocomplete's placement. | 2.25.0 |
|
||||
| render-label | `(option: SelectOption \| SelectGroupOption, selected: boolean) => VNodeChild` | `undefined` | Render function for each option label. | 2.24.0 |
|
||||
| render-option | `(info: { node: VNode, option: SelectOption \| SelectGroupOption, selected: boolean }) => VNodeChild` | `undefined` | Render function for each option. | 2.24.0 |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Autocomplete size. | |
|
||||
| value | `string` | `undefined` | Input of autocomplete. | |
|
||||
| on-blur | `(event: FocusEvent) => void` | `undefined` | On blur callback function. | |
|
||||
|
@ -35,7 +35,7 @@ status.vue
|
||||
| render-label | `(option: SelectOption \| SelectGroupOption, selected: boolean) => VNodeChild` | `undefined` | 选项标签渲染函数 | 2.24.0 |
|
||||
| render-option | `(info: { node: VNode, option: SelectOption \| SelectGroupOption, selected: boolean }) => VNodeChild` | `undefined` | 选项的渲染函数 | 2.24.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 自动填充的尺寸大小 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| value | `string` | `undefined` | 自动填充的数据用户可控 | |
|
||||
| on-blur | `(event: FocusEvent) => void` | `undefined` | blur 时触发的回调函数 | |
|
||||
| on-focus | `(event: FocusEvent) => void` | `undefined` | focus 时触发的回调函数 | |
|
||||
|
@ -43,8 +43,8 @@ custom-card.vue
|
||||
| keyboard | `boolean` | `false` | Whether to switch the carousel by pressing the key, it only works when the focus is on Dots. | 2.24.0 |
|
||||
| loop | `boolean` | `true` | Whether to loop. | 2.24.0 |
|
||||
| mousewheel | `boolean` | `false` | Whether to switch the carousel through the mouse wheel. | 2.24.0 |
|
||||
| next-slide-style | `object \| string` | `undefined` | Next slide's style. | NEXT_VERSION |
|
||||
| prev-slide-style | `object \| string` | `undefined` | Previous slide's style. | NEXT_VERSION |
|
||||
| next-slide-style | `object \| string` | `undefined` | Next slide's style. | 2.27.0 |
|
||||
| prev-slide-style | `object \| string` | `undefined` | Previous slide's style. | 2.27.0 |
|
||||
| show-arrow | `boolean` | `false` | Whether to show arrow buttons. | 2.24.0 |
|
||||
| show-dots | `boolean` | `true` | Whether to show dots. | 2.24.0 |
|
||||
| slides-per-view | `'auto' \| number` | `1` | Number of carousels displayed on per view. | 2.24.0 |
|
||||
|
@ -43,8 +43,8 @@ custom-card.vue
|
||||
| keyboard | `boolean` | `false` | 是否通过按键切换轮播图,只有焦点在 Dots 上时才起作用 | 2.24.0 |
|
||||
| loop | `boolean` | `true` | 是否循环播放 | 2.24.0 |
|
||||
| mousewheel | `boolean` | `false` | 是否通过鼠标滚轮切换轮播图 | 2.24.0 |
|
||||
| next-slide-style | `object \| string` | `undefined` | 下一张轮播图的样式 | NEXT_VERSION |
|
||||
| prev-slide-style | `object \| string` | `undefined` | 上一张轮播图的样式 | NEXT_VERSION |
|
||||
| next-slide-style | `object \| string` | `undefined` | 下一张轮播图的样式 | 2.27.0 |
|
||||
| prev-slide-style | `object \| string` | `undefined` | 上一张轮播图的样式 | 2.27.0 |
|
||||
| slides-per-view | `'auto' \| number` | `1` | 每一页显示的轮播图数量 | 2.24.0 |
|
||||
| space-between | `number` | `0` | 轮播图之间的间距 | 2.24.0 |
|
||||
| show-arrow | `boolean` | `false` | 是否显示箭头按钮 | 2.24.0 |
|
||||
|
@ -35,11 +35,11 @@ status.vue
|
||||
| expand-trigger | `'click' \| 'hover'` | `'click'` | If `remote` is set, `'hover'` won't work. | |
|
||||
| filterable | `boolean` | `false` | Note: If `remote` is set, this won't have any effect. | |
|
||||
| filter | `(pattern: string, option: CascaderOption, path: CascaderOption[]) => boolean` | A string based filter algorithm. | Filter function of the cascader. | |
|
||||
| filter-menu-props | `HTMLAttributes` | `undefined` | The filter menu's dom props. | NEXT_VERSION |
|
||||
| filter-menu-props | `HTMLAttributes` | `undefined` | The filter menu's dom props. | 2.27.0 |
|
||||
| value-field | `string` | `'value'` | The value field in `CascaderOption`. | |
|
||||
| label-field | `string` | `'label'` | The label field in `CascaderOption`. | |
|
||||
| max-tag-count | `number \| 'responsive'` | `undefined` | Max tag count in multiple select mode. `responsive` will keep all the tags in single line. | |
|
||||
| menu-props | `HTMLAttributes` | `undefined` | The menu's dom props. | NEXT_VERSION |
|
||||
| menu-props | `HTMLAttributes` | `undefined` | The menu's dom props. | 2.27.0 |
|
||||
| multiple | `boolean` | `false` | Whether to allow multiple options being selected. | |
|
||||
| options | `CascaderOption[]` | required | Options of the cascader. | |
|
||||
| placeholder | `string` | `'Please Select'` | Placeholder text. | |
|
||||
@ -50,7 +50,7 @@ status.vue
|
||||
| show | `boolean` | `undefined` | Whether to show the menu. | |
|
||||
| show-path | `boolean` | `true` | Whether to show the selected options as a path. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Cascader size. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| value | `string \| number \| Array<number \| string> \| null` | `undefined` | Value of the cascader (if being set manually). | |
|
||||
| virtual-scroll | `boolean` | `true` | Whether to enable virtual scrolling. | |
|
||||
| on-blur | `() => void` | `undefined` | Callback on blurred. | |
|
||||
|
@ -35,11 +35,11 @@ status.vue
|
||||
| expand-trigger | `'click' \| 'hover'` | `'click'` | 在 `remote` 被设定时 `'hover'` 不生效 | |
|
||||
| filterable | `boolean` | `false` | `remote` 被设定时不生效 | |
|
||||
| filter | `(pattern: string, option: CascaderOption, path: CascaderOption[]) => boolean` | 一个基于字符串的过滤算法 | 过滤选项的函数 | |
|
||||
| filter-menu-props | `HTMLAttributes` | `undefined` | 可过滤菜单的 DOM 属性 | NEXT_VERSION |
|
||||
| filter-menu-props | `HTMLAttributes` | `undefined` | 可过滤菜单的 DOM 属性 | 2.27.0 |
|
||||
| value-field | `string` | `'value'` | 替代 `CascaderOption` 中的 value 字段名 | |
|
||||
| label-field | `string` | `'label'` | 替代 `CascaderOption` 中的 label 字段名 | |
|
||||
| max-tag-count | `number \| 'responsive'` | `undefined` | 多选标签的最大显示数量,`responsive` 会将所有标签保持在一行 | |
|
||||
| menu-props | `HTMLAttributes` | `undefined` | 菜单的 DOM 属性 | NEXT_VERSION |
|
||||
| menu-props | `HTMLAttributes` | `undefined` | 菜单的 DOM 属性 | 2.27.0 |
|
||||
| multiple | `boolean` | `false` | 是否支持多选 | |
|
||||
| options | `CascaderOption[]` | `[]` | 填充的 options 数据 | |
|
||||
| placeholder | `string` | `'请选择'` | 提示信息 | |
|
||||
@ -50,7 +50,7 @@ status.vue
|
||||
| show | `boolean` | `undefined` | 是否打开菜单 | |
|
||||
| show-path | `boolean` | `true` | 是否在选择器中显示选项路径 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 尺寸 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| value | `string \| number \| Array<number \| string>` | `undefined` | 级联选择的数据受控 | |
|
||||
| virtual-scroll | `boolean` | `true` | 是否支持虚拟滚动 | |
|
||||
| on-blur | `() => void` | `undefined` | 用户 blur 时执行的回调 | |
|
||||
|
@ -81,7 +81,7 @@ async-expand.vue
|
||||
| summary | `DataTableCreateSummary` | `undefined` | Data of table summary row. For types, see <n-a href="#DataTableCreateSummary-Type">DataTableCreateSummary Type</n-a>. | |
|
||||
| table-layout | `'auto' \| 'fixed'` | `'auto'` | Style `table-layout` of the table. When `ellipsis` or `max-height` or `flex-height` are set, it will always be `'fixed'` regardless of what you set. | |
|
||||
| virtual-scroll | `boolean` | `false` | Whether to use virtual scroll to deal with large data. Make sure `max-height` is set before using it. When `virtual-scroll` is `true`, `rowSpan` will not take effect. | |
|
||||
| on-load | `(rowData: object) => Promise<void>` | `undefined` | Callback of async tree data expanding. | NEXT_VERSION |
|
||||
| on-load | `(rowData: object) => Promise<void>` | `undefined` | Callback of async tree data expanding. | 2.27.0 |
|
||||
| on-update:checked-row-keys | `(keys: Array<string \| number>) => void` | `undefined` | The callback function triggered when the checked-row-keys value changes. | |
|
||||
| on-update:expanded-row-keys | `(keys: Array<string \| number>) => void` | `undefined` | The callback function triggered when the expanded-row-keys value changes. | |
|
||||
| on-update:filters | `(filters: DataTableFilterState, initiatorColumn: DataTableBaseColumn)` | `undefined` | The callback function triggered when the filters data changes. | |
|
||||
@ -94,7 +94,7 @@ async-expand.vue
|
||||
| Name | Type | Default | Description | Version |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| align | `'left' \| 'right' \| 'center'` | `'left'` | Text align in column. | |
|
||||
| cellProps | `(rowData: object, rowIndex: number) => object` | `undefined` | HTML attributes of the column's cell. | NEXT_VERSION |
|
||||
| cellProps | `(rowData: object, rowIndex: number) => object` | `undefined` | HTML attributes of the column's cell. | 2.27.0 |
|
||||
| children | `DataTableColumn[]` | `undefined` | Child nodes of a grouped column. | |
|
||||
| className | `string` | `undefined` | Class name of the column. | |
|
||||
| colSpan | `(rowData: object, rowIndex: number) => number` | `undefined` | The col span of the column cell. | |
|
||||
|
@ -85,7 +85,7 @@ height-debug
|
||||
| summary | `DataTableCreateSummary` | `undefined` | 表格总结栏的数据,类型见 <n-a href="#DataTableCreateSummary-Type">DataTableCreateSummary Type</n-a> | |
|
||||
| table-layout | `'auto' \| 'fixed'` | `'auto'` | 表格的 `table-layout` 样式属性,在设定 `ellipsis` 或 `max-height` 的情况下固定为 `'fixed'` | |
|
||||
| virtual-scroll | `boolean` | `false` | 是否开启虚拟滚动,应对大规模数据,开启前请设定好 `max-height`。当 `virtual-scroll` 为 `true` 时,`rowSpan` 将不生效 | |
|
||||
| on-load | `(rowData: object) => Promise<void>` | `undefined` | 异步展开树形数据的回调 | NEXT_VERSION |
|
||||
| on-load | `(rowData: object) => Promise<void>` | `undefined` | 异步展开树形数据的回调 | 2.27.0 |
|
||||
| on-update:checked-row-keys | `(keys: Array<string \| number>) => void` | `undefined` | checked-row-keys 值改变时触发的回调函数 | |
|
||||
| on-update:expanded-row-keys | `(keys: Array<string \| number>) => void` | `undefined` | expanded-row-keys 值改变时触发的回调函数 | |
|
||||
| on-update:filters | `(filters: DataTableFilterState, initiatorColumn: DataTableBaseColumn)` | `undefined` | filters 数据改变时触发的回调函数 |
|
||||
@ -98,7 +98,7 @@ height-debug
|
||||
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| align | `'left' \| 'right' \| 'center'` | `'left'` | 列内的文本排列 | |
|
||||
| cellProps | `(rowData: object, rowIndex: number) => object` | `undefined` | 该列单元格的 HTML 属性 | NEXT_VERSION |
|
||||
| cellProps | `(rowData: object, rowIndex: number) => object` | `undefined` | 该列单元格的 HTML 属性 | 2.27.0 |
|
||||
| children | `DataTableColumn[]` | `undefined` | 成组列头的子节点 | |
|
||||
| className | `string` | `undefined` | 列的类名 | |
|
||||
| colSpan | `(rowData: object, rowIndex: number) => number` | `undefined` | 该列单元格的的 col span | |
|
||||
|
@ -42,7 +42,7 @@ status.vue
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | Panel's placement. | 2.25.0 |
|
||||
| shortcuts | `Record<string, number \| (() => number)> \| Record<string, [number, number] \| (() => [number, number])>` | `undefined` | Shortcut button customizations. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Date picker size. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| type | `'date' \| 'datetime' \| 'daterange' \| 'datetimerange' \| 'month' \| 'year' \| 'quarter'` | `'date'` | Date picker type. | `'quarter'` v2.22.0 |
|
||||
| value | `number \| [number, number] \| null` | `undefined` | Value of the date picker when being manually set. | |
|
||||
| value-format | `string` | Follow `format` prop | Format of the binding value. see [format](https://date-fns.org/v2.23.0/docs/format). | 2.24.0 |
|
||||
@ -70,7 +70,7 @@ status.vue
|
||||
| is-date-disabled | `(current: number) => boolean` | `() => false` | Validator of the date. | |
|
||||
| is-time-disabled | `(current: number) => { isHourDisabled?: () => boolean, isMinuteDisabled?: () => boolean, isSecondDisabled?: () => boolean }` | `undefined` | Validator of the time. | |
|
||||
| placeholder | `string` | `'Select Date and Time'` | Placeholder. | |
|
||||
| time-picker-props | `TimePickerProps` | `undefined` | Time picker props in the panel. | NEXT_VERSION |
|
||||
| time-picker-props | `TimePickerProps` | `undefined` | Time picker props in the panel. | 2.27.0 |
|
||||
| update-value-on-close | `boolean` | `false` | Whether to update value on close. | |
|
||||
| on-update:formatted-value | `(value: string \| null, timestampValue: number \| null) => void` | `undefined` | Date selected callback. | MEXT_VERSION |
|
||||
| on-update:value | `(value: number \| null, formattedValue: string \| null) => void` | `undefined` | Date selected callback. | `formattedValue` 2.24.0 |
|
||||
@ -103,7 +103,7 @@ status.vue
|
||||
| is-time-disabled | `(current: number, phase: 'start' \| 'end', value: [number, number]) => { isHourDisabled?: () => boolean, isMinuteDisabled?: () => boolean, isSecondDisabled?: () => boolean }` | `undefined` | Validator of the time. | |
|
||||
| separator | `string` | `'to'` | The separator between the start input and the end input. | |
|
||||
| start-placeholder | `string` | `'Start Date and Time'` | The prompt information at the beginning of the input. | |
|
||||
| time-picker-props | `TimePickerProps \| [TimePickerProps, TimePickerProps]` | `undefined` | Time picker props in the panel. | NEXT_VERSION |
|
||||
| time-picker-props | `TimePickerProps \| [TimePickerProps, TimePickerProps]` | `undefined` | Time picker props in the panel. | 2.27.0 |
|
||||
| update-value-on-close | `boolean` | `false` | Whether to update value on close. | |
|
||||
| on-update:formatted-value | `(value: [string, string] \| null, timestampValue: [number, number] \| null) => void` | `undefined` | Formatted value changed callback. | 2.24.0 |
|
||||
| on-update:value | `(value: [number, number] \| null, formattedValue: [string, string] \| null) => void` | `undefined` | Value changed callback. | `formattedValue` 2.24.0 |
|
||||
|
@ -41,7 +41,7 @@ status.vue
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | 面板的弹出位置 | 2.25.0 |
|
||||
| shortcuts | `Record<string, number \| (() => number)> \| Record<string, [number, number] \| (() => [number, number])>` | `undefined` | 自定义快捷按钮 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 尺寸 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| type | `'date' \| 'datetime' \| 'daterange' \| 'datetimerange' \| 'month' \| 'year' \| 'quarter'` | `'date'` | Date Picker 的类型 | `'quarter'` v2.22.0 |
|
||||
| value | `number \| [number, number] \| null` | `undefined` | Date Picker 的值 | |
|
||||
| value-format | `string` | 跟随 `format` 属性 | 绑定值的格式,详情见 [format](https://date-fns.org/v2.23.0/docs/format) |
|
||||
@ -69,7 +69,7 @@ status.vue
|
||||
| is-date-disabled | `(current: number) => boolean` | `undefined` | 日期禁用的校验函数 | |
|
||||
| is-time-disabled | `(current: number) => { isHourDisabled: boolean, isMinuteDisabled: boolean, isSecondDisabled: boolean }` | `undefined` | 时间禁用的校验函数 | |
|
||||
| placeholder | `string` | `'选择日期时间'` | 提示信息 | |
|
||||
| time-picker-props | `TimePickerProps` | `undefined` | 面板中时间选择器的属性 | NEXT_VERSION |
|
||||
| time-picker-props | `TimePickerProps` | `undefined` | 面板中时间选择器的属性 | 2.27.0 |
|
||||
| update-value-on-close | `boolean` | `false` | 关闭面板时更新值 | |
|
||||
| on-update:formatted-value | `(value: string \| null, timestampValue: number \| null) => void` | `undefined` | 数据更新时触发的回调函数 | 2.24.0 |
|
||||
| on-update:value | `(value: number \| null, formattedValue: string \| null) => void` | `undefined` | 数据更新时触发的回调函数 | `formattedValue` 2.24.0 |
|
||||
@ -102,7 +102,7 @@ status.vue
|
||||
| is-time-disabled | `(current: number, phase: 'start' \| 'end', value: [number, number]) => { isHourDisabled?: () => boolean, isMinuteDisabled?: () => boolean, isSecondDisabled?: () => boolean }` | `undefined` | 时间禁用的校验函数 | |
|
||||
| separator | `string` | `'to'` | start 选框与 end 选框之间的分隔符 | |
|
||||
| start-placeholder | `string` | `'开始日期时间'` | DateTimeRange 中 start 选框的提示信息 | |
|
||||
| time-picker-props | `TimePickerProps \| [TimePickerProps, TimePickerProps]` | `undefined` | 面板中时间选择器的属性 | NEXT_VERSION |
|
||||
| time-picker-props | `TimePickerProps \| [TimePickerProps, TimePickerProps]` | `undefined` | 面板中时间选择器的属性 | 2.27.0 |
|
||||
| update-value-on-close | `boolean` | `false` | 关闭面板时是否更新值 | |
|
||||
| on-update:formatted-value | `(value: [string, string] \| null, timestampValue: [number, number] \| null) => void` | `undefined` | 数据更新时触发的回调函数 | 2.24.0 |
|
||||
| on-update:value | `(value: [number, number] \| null, formattedValue: [string, string] \| null) => void` | `undefined` | 数据更新时触发的回调函数 | `formattedValue` 2.24.0 |
|
||||
|
@ -67,9 +67,9 @@ action.vue
|
||||
| icon | `() => VNodeChild` | `undefined` | `Render` function of `icon`. | |
|
||||
| loading | `boolean` | `false` | Whether to display `loading` status. | |
|
||||
| maskClosable | `boolean` | `true` | Whether the dialog can be closed by clicking the `mask`. | |
|
||||
| negativeButtonProps | `ButtonProps` | `undefined` | Cancel button's DOM props | NEXT_VERSION | |
|
||||
| negativeButtonProps | `ButtonProps` | `undefined` | Cancel button's DOM props | 2.27.0 | |
|
||||
| negativeText | `string` | `undefined` | Cancel button text. Corresponding button won't show if not set. | |
|
||||
| positiveButtonProps | `ButtonProps` | `undefined` | Confirm button's DOM props | NEXT_VERSION |
|
||||
| positiveButtonProps | `ButtonProps` | `undefined` | Confirm button's DOM props | 2.27.0 |
|
||||
| positiveText | `string` | `undefined` | Confirm button text. Corresponding button won't show if not set. | |
|
||||
| showIcon | `boolean` | `true` | Whether to show `icon`. | |
|
||||
| style | `string \| Object` | Style of the dialog. | |
|
||||
@ -96,9 +96,9 @@ All the properties can be modified dynamically.
|
||||
| icon | `() => VNodeChild` | `Render` function of `icon`. | |
|
||||
| loading | `boolean` | Whether to display `loading` status. | |
|
||||
| maskClosable | `boolean` | Whether the dialog can be closed by clicking the `mask`. | |
|
||||
| negativeButtonProps | `ButtonProps` | Cancel button's DOM props | NEXT_VERSION |
|
||||
| negativeButtonProps | `ButtonProps` | Cancel button's DOM props | 2.27.0 |
|
||||
| negativeText | `string` | Corresponding button won't show if not set. | |
|
||||
| positiveButtonProps | `ButtonProps` | Confirm button's DOM props | NEXT_VERSION |
|
||||
| positiveButtonProps | `ButtonProps` | Confirm button's DOM props | 2.27.0 |
|
||||
| positiveText | `string` | Corresponding button won't show if not set. | |
|
||||
| show-icon | `boolean` | Whether to show `icon`. | |
|
||||
| title | `string \| (() => VNodeChild)` | Can be a `render` function. | |
|
||||
@ -124,9 +124,9 @@ All the properties can be modified dynamically.
|
||||
| icon-placement | `'left' \| 'top'` | `'left'` | Icon placement. | |
|
||||
| icon | `() => VNodeChild` | `undefined` | `Render` function of icon. | |
|
||||
| loading | `boolean` | `false` | Whether to display `loading` status. | |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | Cancel button's DOM props | NEXT_VERSION |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | Cancel button's DOM props | 2.27.0 |
|
||||
| negative-text | `string` | `undefined` | Corresponding button won't show if not set. | |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | Confirm button's DOM props | NEXT_VERSION |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | Confirm button's DOM props | 2.27.0 |
|
||||
| positive-text | `string` | `undefined` | Corresponding button won't show if not set. | |
|
||||
| show-icon | `boolean` | `true` | Whether to display the `icon`. | |
|
||||
| title | `string \| (() => VNodeChild)` | `undefined` | Title, can be a `render` function. | |
|
||||
|
@ -69,9 +69,9 @@ focus-debug.vue
|
||||
| icon | `() => VNodeChild` | `undefined` | 对话框 `icon`, 需要是 `render` 函数 | |
|
||||
| loading | `boolean` | `false` | 是否显示 `loading` 状态 | |
|
||||
| maskClosable | `boolean` | `true` | 是否可以通过点击 `mask` 关闭对话框 | |
|
||||
| negativeButtonProps | `ButtonProps` | `undefined` | 取消按钮的属性 | NEXT_VERSION |
|
||||
| negativeButtonProps | `ButtonProps` | `undefined` | 取消按钮的属性 | 2.27.0 |
|
||||
| negativeText | `string` | `undefined` | 不填对应的按钮不会出现 | |
|
||||
| positiveButtonProps | `ButtonProps` | `undefined` | 确认按钮的属性 | NEXT_VERSION |
|
||||
| positiveButtonProps | `ButtonProps` | `undefined` | 确认按钮的属性 | 2.27.0 |
|
||||
| positiveText | `string` | `undefined` | 不填对应的按钮不会出现 | |
|
||||
| showIcon | `boolean` | `true` | 是否显示 `icon` | |
|
||||
| title | `string \| (() => VNodeChild)` | `undefined` | 标题,可以是 `render` 函数 | |
|
||||
@ -97,9 +97,9 @@ focus-debug.vue
|
||||
| icon | `() => VNodeChild` | 对话框 `icon`,需要是 `render` 函数 | |
|
||||
| loading | `boolean` | 是否显示 `loading` 状态 | |
|
||||
| maskClosable | `boolean` | 是否可以通过点击 `mask` 关闭对话框 | |
|
||||
| negativeButtonProps | `ButtonProps` | 取消按钮的属性 | NEXT_VERSION |
|
||||
| negativeButtonProps | `ButtonProps` | 取消按钮的属性 | 2.27.0 |
|
||||
| negativeText | `string` | 不填对应的按钮不会出现 | |
|
||||
| positiveButtonProps | `ButtonProps` | 确认按钮的属性 | NEXT_VERSION |
|
||||
| positiveButtonProps | `ButtonProps` | 确认按钮的属性 | 2.27.0 |
|
||||
| positiveText | `string` | 不填对应的按钮不会出现 | |
|
||||
| showIcon | `boolean` | 是否显示 `icon` | |
|
||||
| style | `string \| Object` | 样式 | |
|
||||
@ -125,9 +125,9 @@ focus-debug.vue
|
||||
| icon-placement | `'left' \| 'top'` | `'left'` | 图标放置的位置 | |
|
||||
| icon | `() => VNodeChild` | `undefined` | 需要是 `render` 函数 | |
|
||||
| loading | `boolean` | `false` | 是否显示 `loading` 状态 | |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | 取消按钮的属性 | NEXT_VERSION |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | 取消按钮的属性 | 2.27.0 |
|
||||
| negative-text | `string` | `undefined` | 取消按钮的文字,不填对应的按钮不会出现 | |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | 确认按钮的属性 | NEXT_VERSION |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | 确认按钮的属性 | 2.27.0 |
|
||||
| positive-text | `string` | `undefined` | 确认按钮的文字,不填对应的按钮不会出现 | |
|
||||
| show-icon | `boolean` | `true` | 是否显示 `icon` | |
|
||||
| title | `string \| (() => VNodeChild)` | `undefined` | 对话框标题,可以是 `render` 函数 | |
|
||||
|
@ -27,12 +27,12 @@ option-format.vue
|
||||
| input-style | `string \| Object` | `undefined` | Customize the style of the input. | |
|
||||
| max | `number` | `undefined` | Maximum number of tags. | |
|
||||
| round | `boolean` | `false` | Whether the tag has rounded corners. | |
|
||||
| render-tag | `((tag: string, index: number) => VNodeChild) \| ((tag: { label: string, value: string }, index: number) => VNodeChild)` | `undefined` | custom render tag. | NEXT_VERSION |
|
||||
| render-tag | `((tag: string, index: number) => VNodeChild) \| ((tag: { label: string, value: string }, index: number) => VNodeChild)` | `undefined` | custom render tag. | 2.27.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Size of the tag. | |
|
||||
| tag-style | `string \| Object` | `undefined` | Customize the style of the tag. | |
|
||||
| type | `'default' \| 'primary' \| 'info' \| 'success' \| 'warning' \| 'error'` | `'default'` | Type of the tag. | |
|
||||
| value | `string[]` | `undefined` | Value if manually set. | |
|
||||
| on-create | `((label: string) => string) \| ((label: string) => ({ label: string, value: string }))` | `label => label` | Create derived value from input. | NEXT_VERSION |
|
||||
| on-create | `((label: string) => string) \| ((label: string) => ({ label: string, value: string }))` | `label => label` | Create derived value from input. | 2.27.0 |
|
||||
| on-update:value | `(value: boolean) => void` | `undefined` | Callback when the component's value changes. | |
|
||||
|
||||
### DynamicTags Slots
|
||||
|
@ -27,12 +27,12 @@ option-format.vue
|
||||
| input-style | `string \| Object` | `undefined` | 自定义输入框的样式 | |
|
||||
| max | `number` | `undefined` | tag 的最大数量 | |
|
||||
| round | `boolean` | `false` | 是否圆角 | |
|
||||
| render-tag | `((tag: string, index: number) => VNodeChild) \| ((tag: { label: string, value: string }, index: number) => VNodeChild)` | `undefined` | 自定义渲染 tag | NEXT_VERSION |
|
||||
| render-tag | `((tag: string, index: number) => VNodeChild) \| ((tag: { label: string, value: string }, index: number) => VNodeChild)` | `undefined` | 自定义渲染 tag | 2.27.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 尺寸大小 | |
|
||||
| tag-style | `string \| Object` | `undefined` | 自定义标签的样式 | |
|
||||
| type | `'default' \| 'primary' \| 'info' \| 'success' \| 'warning' \| 'error'` | `'default'` | 标签类型 | |
|
||||
| value | `string[] \| Array<{ label: string, value: string }>` | `undefined` | 受控模式下的值 | |
|
||||
| on-create | `((label: string) => string) \| ((label: string) => ({ label: string, value: string }))` | `label => label` | 根据输入的值创造对应的选项 | NEXT_VERSION |
|
||||
| on-create | `((label: string) => string) \| ((label: string) => ({ label: string, value: string }))` | `label => label` | 根据输入的值创造对应的选项 | 2.27.0 |
|
||||
| on-update:value | `(value: boolean) => void` | `undefined` | 组件值发生变化时的回调 | |
|
||||
|
||||
### DynamicTags Slots
|
||||
|
@ -38,7 +38,7 @@ custom-messages.vue
|
||||
| show-require-mark | `boolean` | `-` | Whether to show a required symbol when a form item is required. | |
|
||||
| require-mark-placement | `'left' \| 'right' \| 'right-hanging'` | `'right'` | Require mark placement | `'right-hanging'` 2.24.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Size. | |
|
||||
| validate-messages | `FormValidateMessages` | `undefined` | Validation messages of `async-validator`. | NEXT_VERSION |
|
||||
| validate-messages | `FormValidateMessages` | `undefined` | Validation messages of `async-validator`. | 2.27.0 |
|
||||
|
||||
#### FormItemRule Type
|
||||
|
||||
|
@ -38,7 +38,7 @@ custom-messages.vue
|
||||
| show-require-mark | `boolean` | `-` | 是否展示必填的星号 | |
|
||||
| require-mark-placement | `'left' \| 'right' \| 'right-hanging'` | `'right'` | 必填星号的位置 | `'right-hanging'` 2.24.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 尺寸 | |
|
||||
| validate-messages | `FormValidateMessages` | `undefined` | `async-validator` 的默认验证信息 | NEXT_VERSION |
|
||||
| validate-messages | `FormValidateMessages` | `undefined` | `async-validator` 的默认验证信息 | 2.27.0 |
|
||||
|
||||
#### FormItemRule Type
|
||||
|
||||
|
@ -39,7 +39,7 @@ status.vue
|
||||
| readonly | `boolean` | `false` | Whether it's readonly. | |
|
||||
| show-button | `boolean` | `true` | Whether to show increase/decrease buttons. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | The size of input box. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| step | `number` | `1` | The number which the current value is increased or decreased on key or button press. It can be an integer or a decimal. | |
|
||||
| update-value-on-input | `boolean` | `true` | Whether to change the value on input if the input value is valid. | |
|
||||
| validator | `(value) => boolean` | `undefined` | Setup custom validation. | |
|
||||
|
@ -41,7 +41,7 @@ rtl-debug.vue
|
||||
| readonly | `boolean` | `false` | 是否只读 | |
|
||||
| show-button | `boolean` | `true` | 是否有按钮 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 输入框大小 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| step | `number` | `1` | 每次改变步数,可以为小数 | |
|
||||
| update-value-on-input | `boolean` | `true` | 在输入的过程中,在输入值合法的情况下,是否改变值 | |
|
||||
| validator | `(value) => boolean` | `undefined` | 设置自定义验证 | |
|
||||
|
@ -64,8 +64,8 @@ status.vue
|
||||
| Name | Parameters | Description | Version |
|
||||
| --- | --- | --- | --- |
|
||||
| count | `(value: string)` | Word count. | |
|
||||
| password-invisible-icon | `()` | Password toggle icon when password is invisible. | NEXT_VERSION |
|
||||
| password-visible-icon | `()` | Password toggle icon when password is visible. | NEXT_VERSION |
|
||||
| password-invisible-icon | `()` | Password toggle icon when password is invisible. | 2.27.0 |
|
||||
| password-visible-icon | `()` | Password toggle icon when password is visible. | 2.27.0 |
|
||||
| prefix | `()` | Prefix content slot. |
|
||||
| separator | `()` | The separator content of the input, only works when `pair` is true. This will take priority over the separator property. |
|
||||
| suffix | `()` | Suffix content slot. |
|
||||
|
@ -65,8 +65,8 @@ rtl-debug.vue
|
||||
| 属性 | 参数 | 说明 | 版本 |
|
||||
| --- | --- | --- | --- |
|
||||
| count | `(value: string)` | 字数统计 | |
|
||||
| password-invisible-icon | `()` | 密码关闭时的密码开关图标 | NEXT_VERSION |
|
||||
| password-visible-icon | `()` | 密码显示时的密码开关图标 | NEXT_VERSION |
|
||||
| password-invisible-icon | `()` | 密码关闭时的密码开关图标 | 2.27.0 |
|
||||
| password-visible-icon | `()` | 密码显示时的密码开关图标 | 2.27.0 |
|
||||
| prefix | `()` | 输入框头部内容 | |
|
||||
| separator | `()` | 成对输入框之间分隔符,仅 `pair` = true 生效且优先级高于 separator 属性 | |
|
||||
| suffix | `()` | 输入框尾部内容 | |
|
||||
|
@ -38,7 +38,7 @@ Mention requires `v2.2.0` and above.
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | Selection panel's placement . | 2.25.0 |
|
||||
| render-label | `(option: MentionOption) => VNodeChild` | `undefined` | Options' labels render function. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Input size. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| on-update:value | `(value: string) => void` | `undefined` | Triggered when the input box value is updated. | |
|
||||
| on-select | `(option: MentionOption, prefix: string) => void` | `undefined` | Triggered when the input box is selected. | |
|
||||
| on-focus | `(e: FocusEvent) => void` | `undefined` | Triggered when the input box is focussed on. | |
|
||||
|
@ -38,7 +38,7 @@ Mention 在 `v2.2.0` 及以后可用。
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | 选择面板的弹出位置. | 2.25.0 |
|
||||
| render-label | `(option: MentionOption) => VNodeChild` | `undefined` | 选项标签渲染函数 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 输入框的大小 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| on-update:value | `(value: string) => void` | `undefined` | 输入框值发生更新时触发 | |
|
||||
| on-select | `(option: MentionOption, prefix: string) => void` | `undefined` | 输入框的选中时触发 | |
|
||||
| on-focus | `(e: FocusEvent) => void` | `undefined` | 输入框获得焦点时触发 | |
|
||||
|
@ -77,7 +77,7 @@ interface PaginationInfo {
|
||||
|
||||
| Name | Parameters | Description | Version |
|
||||
| --- | --- | --- | --- |
|
||||
| goto | `()` | Fast jump text before quick jumper. | NEXT_VERSION |
|
||||
| goto | `()` | Fast jump text before quick jumper. | 2.27.0 |
|
||||
| label | The same as `PaginationRenderLabel`'s parameters | Item content. | 2.24.0 |
|
||||
| next | `(info: PaginationInfo)` | Next page. | |
|
||||
| prev | `(info: PaginationInfo)` | Previous page. | |
|
||||
|
@ -75,11 +75,11 @@ interface PaginationInfo {
|
||||
|
||||
### Pagination Slots
|
||||
|
||||
| 名称 | 参数 | 说明 | 版本 |
|
||||
| ------ | ------------------------------- | ------------------ | ------------ |
|
||||
| goto | `()` | 快速跳转的文本内容 | NEXT_VERSION |
|
||||
| label | 同 `PaginationRenderLabel` 参数 | 每一项的内容 | 2.24.0 |
|
||||
| next | `(info: PaginationInfo)` | 下一页 | |
|
||||
| prev | `(info: PaginationInfo)` | 上一页 | |
|
||||
| prefix | `(info: PaginationInfo)` | 分页前缀 | |
|
||||
| suffix | `(info: PaginationInfo)` | 分页后缀 | |
|
||||
| 名称 | 参数 | 说明 | 版本 |
|
||||
| ------ | ------------------------------- | ------------------ | ------ |
|
||||
| goto | `()` | 快速跳转的文本内容 | 2.27.0 |
|
||||
| label | 同 `PaginationRenderLabel` 参数 | 每一项的内容 | 2.24.0 |
|
||||
| next | `(info: PaginationInfo)` | 下一页 | |
|
||||
| prev | `(info: PaginationInfo)` | 上一页 | |
|
||||
| prefix | `(info: PaginationInfo)` | 分页前缀 | |
|
||||
| suffix | `(info: PaginationInfo)` | 分页后缀 | |
|
||||
|
@ -19,9 +19,9 @@ actions.vue
|
||||
|
||||
| Name | Type | Default | Description | Version |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | Cancel button's DOM props | NEXT_VERSION |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | Cancel button's DOM props | 2.27.0 |
|
||||
| negative-text | `string` | `'Cancel'` | Cancel button text. | |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | Confirm button's DOM props | NEXT_VERSION |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | Confirm button's DOM props | 2.27.0 |
|
||||
| positive-text | `string` | `'Confirm'` | Confirm button text. | |
|
||||
| show-icon | `boolean` | `true` | Whether to show icon. | |
|
||||
| on-positive-click | `() => boolean \| Promise<boolean> \| any` | `undefined` | Callback of confirmation. | |
|
||||
|
@ -19,9 +19,9 @@ actions.vue
|
||||
|
||||
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | 取消按钮的属性 | NEXT_VERSION |
|
||||
| negative-button-props | `ButtonProps` | `undefined` | 取消按钮的属性 | 2.27.0 |
|
||||
| negative-text | `string` | `'取消'` | 取消按钮文字 | |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | 确定按钮的属性 | NEXT_VERSION |
|
||||
| positive-button-props | `ButtonProps` | `undefined` | 确定按钮的属性 | 2.27.0 |
|
||||
| positive-text | `string` | `'确认'` | 确定按钮文字 | |
|
||||
| show-icon | `boolean` | `true` | 是否显示图标 | |
|
||||
| on-positive-click | `() => boolean \| Promise<boolean> \| any` | `undefined` | 点击确定的回调函数 | |
|
||||
|
@ -60,7 +60,7 @@ tag-input.vue
|
||||
| show | `boolean` | `undefined` | Whether to show/open the option menu. | |
|
||||
| show-arrow | `boolean` | `true` | Whether to show the dropdown arrow. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Size of the select input. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| tag | `boolean` | `false` | Whether users can create new options. This should be used with `filterable`. | |
|
||||
| value | `Array<string \| number> \| string \| number \| null` | `undefined` | Value when being manually set. | |
|
||||
| virtual-scroll | `boolean` | `true` | Whether to enable virtual scrolling. | |
|
||||
|
@ -67,7 +67,7 @@ filterable-debug.vue
|
||||
| show | `boolean` | `undefined` | 是否展示菜单 | |
|
||||
| show-arrow | `boolean` | `true` | 是否展示箭头 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 组件尺寸 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| tag | `boolean` | `false` | 是否可以创建新的选项,需要和 `filterable` 一起使用 | |
|
||||
| value | `Array<string \| number> \| string \| number \| null` | `undefined` | 受控模式下的值 | |
|
||||
| virtual-scroll | `boolean` | `true` | 是否启用虚拟滚动 | |
|
||||
|
@ -27,7 +27,7 @@ trigger.vue
|
||||
| Name | Type | Default | Description | Version |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| addable | `boolean \| { disabled?: boolean }` | `false` | Whether to allow add tag. Only works when the tag's `type` is `card`. | |
|
||||
| animated | `boolean` | `false` | Whether to activate tab switching animation. | NEXT_VERSION |
|
||||
| animated | `boolean` | `false` | Whether to activate tab switching animation. | 2.27.0 |
|
||||
| bar-width | `number` | `undefined` | The width of the tab bar. | 2.25.0 |
|
||||
| closable | `boolean` | `false` | Whether to allow the tag to be closed. Only works when the tag's `type` is `card`. | |
|
||||
| default-value | `string \| number` | `undefined` | Default value in uncontrolled mode. | |
|
||||
@ -37,7 +37,7 @@ trigger.vue
|
||||
| pane-style | `string \| object` | `undefined` | Style of the pane. | |
|
||||
| tab-style | `string \| object` | `undefined` | Style of the tab. | |
|
||||
| tabs-padding | `number` | `0` | Left & right `padding` of the group of tabs. | |
|
||||
| trigger | `'click' \| 'hover'` | `'click'` | Trigger of activating a tab | NEXT_VERSION |
|
||||
| trigger | `'click' \| 'hover'` | `'click'` | Trigger of activating a tab | 2.27.0 |
|
||||
| type | `'bar' \| 'line' \| 'card' \| 'segment'` | `'bar'` | Tabs type. | |
|
||||
| value | `string \| number` | `undefined` | Value in controlled mode. | |
|
||||
| on-add | `() => void` | `undefined` | Callback function triggered when add tag. | |
|
||||
|
@ -32,7 +32,7 @@ addable-debug.vue
|
||||
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| addable | `boolean \| { disabled?: boolean }` | `false` | 是否允许添加标签,只在标签的 `type` 为 `card` 时生效 | |
|
||||
| animated | `boolean` | `false` | 标签页切换是否使用动画 | NEXT_VERSION |
|
||||
| animated | `boolean` | `false` | 标签页切换是否使用动画 | 2.27.0 |
|
||||
| bar-width | `number` | `undefined` | 标签条的宽度 | 2.25.0 |
|
||||
| closable | `boolean` | `false` | 是否允许关闭标签,只在标签的 `type` 为 `card` 时生效 | |
|
||||
| default-value | `string \| number` | `undefined` | 非受控模式下的默认值 | |
|
||||
@ -42,7 +42,7 @@ addable-debug.vue
|
||||
| pane-style | `string \| object` | `undefined` | 面板的样式 | |
|
||||
| tab-style | `string \| object` | `undefined` | 标签的样式 | |
|
||||
| tabs-padding | `number` | `0` | 全部标签最左和最右的 `padding` | |
|
||||
| trigger | `'click' \| 'hover'` | `'click'` | 触发 tab 的方式 | NEXT_VERSION |
|
||||
| trigger | `'click' \| 'hover'` | `'click'` | 触发 tab 的方式 | 2.27.0 |
|
||||
| type | `'bar' \| 'line' \| 'card' \| 'segment'` | `'bar'` | 标签类型 | |
|
||||
| value | `string \| number` | `undefined` | 受控模式下的值 | |
|
||||
| on-add | `() => void` | `undefined` | 添加标签的回调函数 | |
|
||||
|
@ -40,7 +40,7 @@ status.vue
|
||||
| placeholder | `string` | `'Select Time'` | Placeholder. | |
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | Time picker panel's placement. | 2.25.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Size. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| use-12-hours | `boolean` | `false` | Whether to use a 12-hour clock panel. | |
|
||||
| value | `number \| null` | `undefined` | Value when being set manually. | |
|
||||
| value-format | `string` | follows `format` | Format of formatted value. | 2.24.0 |
|
||||
|
@ -40,7 +40,7 @@ status.vue
|
||||
| placeholder | `string` | `'请选择时间'` | 选择框的占位符 | |
|
||||
| placement | `'top-start' \| 'top' \| 'top-end' \| 'right-start' \| 'right' \| 'right-end' \| 'bottom-start' \| 'bottom' \| 'bottom-end' \| 'left-start' \| 'left' \| 'left-end'` | `'bottom-start'` | 时间选择器的面板的弹出位置 | 2.25.0 |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 选择框的尺寸 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| use-12-hours | `boolean` | `false` | 是否使用 12 小时制的面板 | |
|
||||
| value | `number \| null` | `undefined` | 受控模式下的值 | |
|
||||
| value-format | `string` | 跟随 `format` | 格式化后值的格式 | 2.24.0 |
|
||||
|
@ -49,12 +49,12 @@ debug.vue
|
||||
| separator | `string` | `' / '` | Option value separator. | |
|
||||
| show-path | `boolean` | `false` | Whether to also show the hierarchy of selected nodes in the label. | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | Component size. | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | Validaiton status. | 2.27.0 |
|
||||
| value | `string \| number \| Array<string \| number> \| null>` | `undefined` | Selected key (or keys when multiple). | |
|
||||
| virtual-scroll | `boolean` | `true` | Whether to enable virtual scrolling. | |
|
||||
| on-blur | `(e: FocusEvent) => void` | `undefined` | Callback on blur. | |
|
||||
| on-focus | `(e: FocusEvent) => void` | `undefined` | Callback on focus. | |
|
||||
| on-load | `(node: TreeSelectOption) => Promise<void>` | `undefined` | Callback function for asynchronously loading data. | NEXT_VERSION |
|
||||
| on-load | `(node: TreeSelectOption) => Promise<void>` | `undefined` | Callback function for asynchronously loading data. | 2.27.0 |
|
||||
| on-update:expanded-keys | `(value: Array<string \| number>) => void` | `undefined` | Callback on expanded keys updated. | |
|
||||
| on-update:indeterminate-keys | `(keys: Array<string \| number>) => void` | `undefined` | Callback function on indeterminate options changing. | |
|
||||
| on-update:value | `(value: string \| number \| Array<string \| number> \| null, option: TreeSelectOption \| null \| Array<TreeSelectOption \| null>) => void` | `undefined` | Callback on value updated. | |
|
||||
@ -67,7 +67,7 @@ debug.vue
|
||||
| label | `string` | Displayed content of the option. The field used can be set using `label-field`. | |
|
||||
| children? | `TreeSelectOption[]` | Child options of the option. The field used can be set using `children-field` | |
|
||||
| disabled? | `boolean` | Option disabled state. | |
|
||||
| isLeaf? | `boolean` | Whether the node is leaf. Required in async mode. | NEXT_VERSION |
|
||||
| isLeaf? | `boolean` | Whether the node is leaf. Required in async mode. | 2.27.0 |
|
||||
|
||||
### TreeSelect Slots
|
||||
|
||||
|
@ -51,12 +51,12 @@ debug.vue
|
||||
| separator | `string` | `' / '` | 数据分隔符 | |
|
||||
| show-path | `boolean` | `false` | 是否在选择器中显示选项路径 | |
|
||||
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 组件尺寸 | |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | NEXT_VERSION |
|
||||
| status | `'success' \| 'warning' \| 'error'` | `undefined` | 验证状态 | 2.27.0 |
|
||||
| value | `string \| number \| Array<string \| number> \| null>` | `undefined` | 选中的 key | |
|
||||
| virtual-scroll | `boolean` | `true` | 是否开启虚拟滚动 | |
|
||||
| on-blur | `(e: FocusEvent) => void` | `undefined` | Blur 时的回调 | |
|
||||
| on-focus | `(e: FocusEvent) => void` | `undefined` | Focus 时的回调 | |
|
||||
| on-load | `(node: TreeSelectOption) => Promise<void>` | `undefined` | 异步加载数据的回调函数 | NEXT_VERSION |
|
||||
| on-load | `(node: TreeSelectOption) => Promise<void>` | `undefined` | 异步加载数据的回调函数 | 2.27.0 |
|
||||
| on-update:expanded-keys | `(value: Array<string \| number>) => void` | `undefined` | 展开节点更新的回调 | |
|
||||
| on-update:indeterminate-keys | `(keys: Array<string \| number>) => void` | `undefined` | 节点部分勾选项发生变化时的回调函数 | |
|
||||
| on-update:value | `(value: string \| number \| Array<string \| number> \| null, option: TreeSelectOption \| null \| Array<TreeSelectOption \| null>) => void` | `undefined` | 更新值的回调 | |
|
||||
@ -69,7 +69,7 @@ debug.vue
|
||||
| label | `string` | 选项的显示内容,可使用 `label-field` 修改字段名 | |
|
||||
| children? | `TreeSelectOption[]` | 节点的子选项 | |
|
||||
| disabled? | `boolean` | 是否禁用选项 | |
|
||||
| isLeaf? | `boolean` | 节点是否是叶节点,在异步展开状态下是必须的 | NEXT_VERSION |
|
||||
| isLeaf? | `boolean` | 节点是否是叶节点,在异步展开状态下是必须的 | 2.27.0 |
|
||||
|
||||
### TreeSelect Slots
|
||||
|
||||
|
@ -1 +1 @@
|
||||
export default '2.26.4'
|
||||
export default '2.27.0'
|
||||
|
Loading…
Reference in New Issue
Block a user