Vue 组件库 HeyUI@1.16.0 更新日志

百度智能云 云生态狂欢季 热门云产品1折起>>>  

HeyUI ：一个基于Vue.js的高质量UI组件库

新版本v1.16.0

1、Col 重命名为 Cell

其实一开始定义Grid组件的时候，命名是参考iview, element, ant的，Grid组件分为 Row, Col两个子组件。

但是，其实Col和 table 中的 col 标签是存在命名重复的问题，这样会一直导致vscode编辑器对Col进行报错。

原因是由于 html中 col 标签是默认关闭的标签： <col width="60%"/>

而一般开发人员为了避免这个bug，需要设置 “vetur.validation.template”: true 才能解决。

其实，真实开发的过程中，我是不建议修改此项配置的，所以以后，Col 重命名为 Cell, Col组件 依旧向下兼容支持。

 

2、添加 var.js 文件

由于 vue-cli 3.0 已经支持less全局变量的功能了，HeyUI组件库支持 var.js 文件

const globalVars = require('./src/css/var.js')

module.exports = {
  css: {
    loaderOptions: {
      less: {
        globalVars
      }
    }
  }
}

通过在 vue.config.js 配置以上配置，即可全局使用less全局变量。

具体应用可以参考 https://github.com/heyui/heyui-admin 项目

3、重构Table组件

由于vue@2.6升级后，对$slots, $scopedSlots进行了结果上了修改，这样就导致HeyUI table组件产生了bug，并且也由于之前的结合设计不是很合理，此次针对Table组件直接进行了重构。

4、其他Fix

• Menu: 添加 @menu-white-background-color (726f58f)
• Menu: 删除初始化menu size (9568d16)
• Layout: 修复宽度自动撑开的问题 (a768578)
• Avatar: 添加 background-position (0f31d7f)
• Pagination: 监听 prop，size 属性(f716622)

 

HeyUI Admin 系统即将上线：

http://admin.heyui.top/