1.2.1 • Published 3 years ago
db-com v1.2.1
db-com
- 基于 vant 扩展的组件库
更新内容
2020/11/13 更新内容(v1.2.0):
- 添加DbLocation地图定位点组织那
2020/06/13 更新内容(v0.4.5):
- 拓展 userpicker,picker 组件自定义内容点击打开
2020/06/2 更新内容(v0.4.4):
- 添加 treeSelect 组件
2020/06/2 更新内容(v0.4.3):
- 添加 datetimepicker 组件
2020/06/2 更新内容(v0.4.2):
- 添加城市选中组件
2020/06/2 更新内容(v0.4.0):
- 完善选人组件
- 完成弹出框选择组件 DbPicker
- 完成下拉选择组件 DbSelect
- 完成日期选择组件 DbCalendar
2020/05/25 更新内容(v0.3.0):
- 组件发布完整跑通;
- userpicker 组件添加 require 字段和 change 事件;
2020/05/25 更新内容(v0.2.1):
- 修复选人组件未暴露出去的问题;
2020/05/25 更新内容(v0.2.0):
- 添加选人组件;
组件文档
选人组件
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
isLink | 是否显示右侧的箭头 | - | String |
name | 用户名的 key | - | String |
idKey | 用户 id 的 key | - | String |
v-model(value) | 当前选中的人员 id(用逗号隔开) | - | String |
multiple | 当前组件是否可以多选 | false | Boolean |
topNodeId | 数据中的顶级节点 ID | - | String |
data | 人员数据 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
弹出框选择组件 DbPicker
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的位置 | - | String/Array |
multiple | 当前组件是否可以多选 | false | Boolean |
list | 所有列表数据 | [] | Array |
tablist | 顶部类型的数据列表{ title: '公用经费', key: 1 } | [] | Array |
showItems | 每行数据展示的内容{ title: '预算总额(元)', key: 'total' } | [] | Array |
params | 内容改变需要带回去的参数 | [] | Array |
emptyText | 无数据暂时类容 | - | string |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
下拉选择组件||DbSelect
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的 id | - | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
disabled | input 的禁止点击 | false | Boolean |
params | 内容改变需要带回去的参数 | [] | Array |
columns | 下拉选择的数据 | [] | Array |
日期选择组||DbCalendar
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的日期 | - | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
disabled | input 的禁止点击 | false | Boolean |
城市选中组件||DbCity
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的城市的 code | - | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
disabled | input 的禁止点击 | false | Boolean |
list | 传过来的城市数据{"id":1,"pid":0,"code":"110000","name":"北京","shortname":"北京","mergename":"北京","areacode":"","first":"B","pinyin":"beijing"} | [] | Array |
params | 内容改变需要带回去的参数 | [] | Array |
区域选中组件||DbArea
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的区域 code | - | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
disabled | input 的禁止点击 | false | Boolean |
list | 传过来的城市数据{"id":1,"pid":0,"code":"110000","name":"北京","shortname":"北京","mergename":"北京","areacode":"","first":"B","pinyin":"beijing"} | [] | Array |
树形结构组件||DbTreeSelect
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的区域的 id | - | String |
required | 字段是否必须 | true | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
disabled | input 的禁止点击 | false | Boolean |
附件上传组件||DbUpload
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
uploadUrl | 上传的地址 | - | String |
accept | 上传文件的格式 | image/* | String |
multiple | 当前组件是否可以多选 | true | Boolean |
params | 附带传给后台的参数 | [] | Array |
时间选择组件||DbDatetimePicker
名字 | 说明 | 默认值 | 类型 |
---|---|---|---|
v-model(value) | 当前选中的时间 | - | String |
required | 字段是否必须 | true | Boolean |
type | 选择的时间类型 | datetime | Boolean |
message | 错误提示 | - | String |
rules | 表单验证规则 | [] | Array |
placeholder | input 中站位提示 | 请选择用户 | String |
label | input 的 label 字段 | 选择用户 | String |
|| |
|
1.2.1
3 years ago
1.2.0
3 years ago
1.1.0
4 years ago
1.0.0
4 years ago
0.5.4
4 years ago
0.5.3
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.4.26
4 years ago
0.4.27
4 years ago
0.4.25
4 years ago
0.4.24
4 years ago
0.4.23
4 years ago
0.4.22
4 years ago
0.4.21
4 years ago
0.4.20
4 years ago
0.4.19
4 years ago
0.4.18
4 years ago
0.4.17
4 years ago
0.4.16
4 years ago
0.4.15
4 years ago
0.4.14
4 years ago
0.4.13
4 years ago
0.4.12
4 years ago
0.4.10
4 years ago
0.4.11
4 years ago
0.4.9
4 years ago
0.4.8
4 years ago
0.4.7
4 years ago
0.4.6
4 years ago
0.4.5
4 years ago
0.4.4
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.2.27
4 years ago
0.2.26
4 years ago
0.2.25
4 years ago
0.2.24
4 years ago
0.2.23
4 years ago
0.2.22
4 years ago
0.2.20
4 years ago
0.2.19
4 years ago
0.2.18
4 years ago
0.2.17
4 years ago
0.2.16
4 years ago
0.2.15
4 years ago
0.2.14
4 years ago
0.2.13
4 years ago
0.2.11
4 years ago
0.2.10
4 years ago
0.3.0
4 years ago
0.2.7
4 years ago
0.2.6
4 years ago
0.2.9
4 years ago
0.2.3
4 years ago
0.2.2
4 years ago
0.2.5
4 years ago
0.2.4
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.0
4 years ago