皇上,还记得我吗?我就是1999年那个Linux伊甸园啊-----24小时滚动更新开源资讯,全年无休!

Vue 组件库 HeyUI@1.16.0 更新日志

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

 

HeyUI Admin 系统即将上线:

http://admin.heyui.top/

转自 https://www.oschina.net/news/104705/heyui-1-16-0-released

分享到:更多 ()