dcdt-ui介绍

基于vue2.0的组件库，用于点评系统开发

开发指南

gitee地址

https://gitee.com/dong_wen_mo/dcdt-ui.git

开发步骤

0.代码开发
1.修改package.json文件的version
2.更新readme
3.提交代码
4.npm run lib
5.npm publish

说明

定义组件时，使用以下四类，描述组件信息

| 标题 | 含义 | | ---------- | ---------- | | Attributes | 属性 | | Events | 自定义事件 | | Methods | 用户事件 | | Slots | 插槽 |

升级日志

图标说明

| 图标 | 代码 | 说明 | | ---- | --------------------------- | ---------------------------- | | 🎉 | :tada: | 组件初次提交 | | ✨ | :sparkles: | 组件引入新特性 | | 🐛 | :bug: | 修复bug | | ⚡ | :zap: | 优化逻辑 | | 🎨 | :art: | 改进样式 | | 📝 | :memo: | 撰写文档 | | ♻ | :recycle: | 代码美化 | | 💥 | :boom: | 引入重大变化（非兼容性更新） | | 🚩 | :triangular_flag_on_post: | 版本升级 |

版本号说明

组件库的版本号采用major.minor.patch的形式，具体含义如下：

| 名称 | 含义 | 变化说明 | | ----- | ---------- | ------------------------------------------------------------ | | major | 主版本号 | 通常意味着组件库发生了巨大变化，比如体系结构的重新设计，组件库的重新设计等等 | | minor | 次版本号 | 通常反映一些较大的改动，例如新增一个组件，或某个组件产生巨大变化，或非兼容性更新 | | patch | 修补版本号 | 修复漏洞、组件优化、或一些小的改动（从0开始计数） |

v1.0.0

• 🎉 项目启动

v1.1.0

新组件

• 🎉 更多按钮（dcdt-btn、dcdt-btn2）
• 🎉 普通输入框（dcdt-input）
• 🎉 数字输入框（dcdt-input-number）
• 🎉 选择器（dcdt-select）
• 🎉 日期选择器（dcdt-date-picker）
• 🎉 日期快速选择器（dcdt-date-quicker）
• 🎉 日期组选择器（dcdt-date-group）
• 🎉 表格（dcdt-table）
• 🎉 分页表格（dcdt-table-page）
• 🎉 分页器（dcdt-pagination）
• 🎉 弹出层（dcdt-modal）

v1.1.1

选择器（dcdt-select）

• 🐛 修复了无法监听值变化的bug

日期快速选择器（dcdt-date-quicker）

• 🐛 修复了无法监听值变化的bug

日期组选择器（dcdt-date-group）

• 🐛 修复了无法监听值变化的bug

v1.1.2

分页器（dcdt-pagination）

• 🐛 修复设置每页大小时，未能重新计算当前页码的bug
• ✨ 每页大小下拉框，只允许输入大于0的数字
• ✨ 跳转页码下拉框，只允许输入 [1, pages] 中的数字

表格（dcdt-table）

• 🎨 修改样式-字体大小12px

数字输入框（dcdt-input-number）

• ✨ 允许输入负数
• ⚡ 属性 precision 精度 由为空时默认 0，修改为，为空时不限制
• ✨ 新增属性 min 最小值，为空时不限制
• ✨ 新增属性 max 最大值，为空时不限制

v1.1.3

表格（dcdt-table）

• ✨ 新增插槽 empty 空状态

分页表格（dcdt-table-page）

• ⚡ 修改属性 page 默认值，由 null 修改为 {}
• ✨ 新增插槽 empty 空状态

v1.2.0

新组件

• 🎉 数字输入框组（dcdt-input-number-group）

数字输入框（dcdt-input-number）

• ⚡ 修改属性 min 的类型，由 Number 修改为 [Number, String]
• ⚡ 修改属性 max 的类型，由 Number 修改为 [Number, String]

v1.2.1

选择器（dcdt-select）

• 🐛 修复在单选模式下，选择value为空的选项时，会返回空数组的bug

v1.2.2

选择器（dcdt-select）

• ✨ 新增属性 allow-create 是否允许用户创建条目，只能在 options 存在时生效

v1.3.0

新组件

• 🎉 可输入选择器（dcdt-input-select）

v1.3.1

可输入选择器（dcdt-input-select）

• 🐛 修复了在某些情况下，选项菜单不能位于最前面的bug

v1.4.0

统一样式调整

• 🎨 按钮样式调整
• 🎨 表格样式调整
• 🎨 弹出层样式调整

v1.4.1

表格（dcdt-table）

• ✨ 新增合并单元格功能，只支持2级和3级单元格合并，并且要合并的单元格只能在最右侧

v1.4.2

分页器（dcdt-pagination）

• 🎨 分页器样式调整

v1.4.3

表格（dcdt-table）

• 🐛 修复了查询数据出现滚动条时，表头边框渲染错位的问题
• 🐛 修复了单元格宽度不足时，排序按钮溢出到单元格外的问题

v1.4.4

表格（dcdt-table）

• 🐛 修复了子单元格，插槽不生效的问题

v1.5.0

新组件

• 🎉 可冻结行列的表格（dcdt-main）

修复bug

• 🐛 修复分页表格（dcdt-table-page）使用插槽不生效的问题
• 🐛 修复了浏览器宽度不足时，按钮文字显示不全的问题
• 🐛 修复了浏览器宽度不足时，分页器文字换行的问题

v1.5.1

样式优化

• 🎨 优化表格排序图标的样式
• 🎨 优化表格排序图标的样式
• 🎨 优化顶部按钮栏样式

v1.5.2

选择器（dcdt-select）

• 🐛 修复了双向绑定值变化时，不重新渲染input框文字的问题

v1.5.3

选择器（dcdt-select）

• ✨ 新增属性 query，用于异步请求选项列表，具有一个回调参数 that

v1.5.4

选择器（dcdt-select）

• 🐛 修复了输入框筛选条件后，点击选项，筛选条件失效的问题

v1.6.0

统一样式调整（回退v1.4.0）

• 🎨 按钮样式调整
• 🎨 弹出层样式调整

v1.6.1

表格（dcdt-table）

• 🐛 修复了表格数据为数字 0 时，不显示内容的问题
• ✨ 新增属性 config.columns.headerSlot，用于自定义表头

v1.6.2

分页表格（dcdt-table-page）

• 🐛 修复了分页表格不能使用自定义表头插槽的问题

v1.7.0

自定义指令

• 🎉 权限控制（v-rbac），用于控制按钮的显示与隐藏

v1.7.1

权限控制（v-rbac）

• 🐛 修复了自定义指令不生效的bug