📝(icon-picker): 新增 allow-clear 属性, 开启清空操作

This commit is contained in:
就眠儀式
2022-12-07 00:20:12 +08:00
parent bb30119bd3
commit f393343f03
5 changed files with 54 additions and 2 deletions

View File

@@ -59,6 +59,32 @@ export default {
:::
::: title 选择清空
:::
::: demo 使用 lay-icon-picker 标签, 创建图标选择器
<template>
<lay-icon-picker v-model="icon" :allow-clear="true"></lay-icon-picker>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const icon = ref("layui-icon-home")
return {
icon
}
}
}
</script>
:::
::: title 开启分页
:::
@@ -116,12 +142,13 @@ export default {
::: table
| | | | | |
| 属性 | 说明 | 类型 | 默认值 | 可选值 |
| ---------- | -------- | --- |--- |--- |
| v-model | 默认值 | -- |-- |-- |
| page | 开启分页 | -- |-- |-- |
| showSearch | 启用搜索 | -- |-- |-- |
| disabled | 禁用 | `boolean` |-- |-- |
| allow-clear | 允许清空 | `boolean` |-- |-- |
| contentStyle | 内容自定义样式 | `StyleValue` | -- | -- |
| contentClass | 内容自定义Class | `string` `Array<string \| object>` `object` | -- | -- |

View File

@@ -16,6 +16,7 @@
<li>
<h3>1.7.11 <span class="layui-badge-rim">2022-12-05</span></h3>
<ul>
<li>[新增] icon-picker 组件 allow-clear 属性, 开启清空操作。</li>
<li>[修复] button 组件 夜间模式 下, 普通按钮边框高亮与背景色不一致的问题。</li>
<li>[优化] checkbox 组件 默认主题 下, 勾选框多余的左边框。</li>
<li>[优化] icon-picker 组件 下拉 图标, 在打开关闭时赋予不同的状态。</li>