(select): 删除 show-empty 与 empty-message 属性, 取消 placeholder 与 search-placeholder 属性默认值

show-empty 属性完全可以由用户使用自定义 select-option 来实现,顾新版本中将移除该 api
This commit is contained in:
就眠儀式 2022-10-22 16:34:14 +08:00
parent 4b2f11c227
commit e51ce78db5
3 changed files with 6 additions and 15 deletions

View File

@ -31,8 +31,6 @@ export interface SelectProps {
disabled?: boolean;
placeholder?: string;
searchPlaceholder?: string;
showEmpty?: boolean;
emptyMessage?: string;
modelValue?: any;
multiple?: boolean;
items?: SelectOptionProps[];
@ -53,16 +51,12 @@ export interface SelectEmits {
const props = withDefaults(defineProps<SelectProps>(), {
modelValue: null,
placeholder: "请选择",
showEmpty: true,
emptyMessage: "请选择",
searchPlaceholder: "请搜索",
collapseTagsTooltip: true,
minCollapsedNum: 3,
disabled: false,
multiple: false,
allowClear: false,
showSearch: false,
disabled: false,
multiple: false,
size: "md",
});
@ -236,11 +230,6 @@ provide("multiple", multiple);
size="sm"
></lay-input>
</div>
<lay-select-option
v-if="showEmpty && !multiple"
:label="emptyMessage"
value=""
></lay-select-option>
<template v-if="items">
<lay-select-option
v-for="(item, index) in items"

View File

@ -13,7 +13,7 @@
::: demo 使用 `lay-select` 标签, 创建下拉选择框
<template>
<lay-select v-model="value" placeholder="请选择">
<lay-select v-model="value">
<lay-select-option :value="1" label="学习"></lay-select-option>
<lay-select-option :value="2" label="编码"></lay-select-option>
<lay-select-option :value="3" v-if="true">运动</lay-select-option>
@ -257,7 +257,6 @@ export default {
| name | 原生 name 属性 | `string` | - | - |
| placeholder | 默认空提示语 | `string` | - | `请选择` |
| disabled | 是否禁用 | `boolean` | `true` `false` | `false` |
| showEmpty | 是否增加空提示选项 | `boolean` | `true` `false` | `true` |
| multiple | 是否为多选 | `boolean` | `true` `false` | `false` |
| size | 尺寸 | `string` | `lg` `md` `sm` `xs`| `md` |
| searchPlaceholder | 搜索提示 | `string` | -- | -- |

View File

@ -32,6 +32,9 @@
<li>[修复] date-picker 组件 type 属性为 date 值, range 属性为 true 时, 结束月份出现 13 月的问题。</li>
<li>[修复] space 组件 size 属性使用内置 string ['md','sm'] 不生效的问题。</li>
<li>[修复] table 组件 datasource 为空, 表头超出宽度无法滚动的问题。</li>
<li>[删除] select 组件 show-empty 属性, 由用户自定义 select-option 代替。</li>
<li>[删除] select 组件 empty-message 属性, 由用户自定义 select-option 代替。</li>
<li>[删除] select 组件 placeholder, searchPlaceholder 属性默认值, 由使用者提供。</li>
<li>[升级] vue-i18n-next 9.2.2 版本。</li>
</ul>
</li>