db-com

2,136
Install
npm install db-com
Latest Version:1.2.1
Vue:2
Last Updated:Nov 17, 2020
Links: npm
Maintainer: cgdong

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
` ` ``

Version History

Version Released Vue License
1.2.1 ^2.6.11
1.2.0 ^2.6.11
1.1.0 ^2.6.11
1.0.0 ^2.6.11
0.5.4 ^2.6.11