0.0.20 • Published 4 years ago
@docimax/ui v0.0.20
@docimax/ui
一些需要自己实现的公共基础组件库
安装
npm i @docimax/ui
引入
import dui from '@docimax/ui';
import '@docimax/ui/lib/dui.css';
Vue.use(dui);
表单组件
dui-select
<dui-select v-model="selected" :items="items" mode="multiple"></dui-select>
Attribute
name | type | 默认值 | description |
---|---|---|---|
id | String | duiSelect | 也许会用到吧 |
value | Array | [] | 当前选中的值的数组 |
items | Array | [] | 所有可选项的集合,类型应该是 { label: '', value: '' } 这种结构的 |
mode | String | single | single or multiple 单选还是多选 |
content | String | label | v-model得到的值, 默认读取 label 字段对应值 |
label | String | label | 指定使用数据集中的哪个字段作为文案 |
code | String | code | 指定使用数据集中的哪个字段作为编码 |
Event
name | params | description |
---|---|---|
onSelectAllChange | { checked: Boolean, value: Array } | 点击全选按钮 |