📝(icon-picker): 新增 allow-clear 属性, 开启清空操作
This commit is contained in:
@@ -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` | -- | -- |
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user