Vue 组件库 HeyUI@1.16.0 更新日志

内容简介：HeyUI ：一个基于Vue.js的高质量UI组件库 新版本v1.16.0 1、Col 重命名为 Cell 其实一开始定义Grid组件的时候，命名是参考iview, element, ant的，Grid组件分为 Row, Col两个子组件。 但是，其实Col和 table 中的...

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/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。