Vue 组件库 HeyUI@1.16.0 更新日志

2024-05-16 06:38:18

开发四年只会写业务代码，分布式高并发都不会还做程序员？ >>>

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/

Vue 组件库 HeyUI@1.16.0 更新日志相关推荐

Vue 组件库 HeyUI@1.17.0 发布，新增 Skeleton 组件
新增组件:Skeleton 加载占位图加载占位图就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容. 详情请查看: https://www. ...
Vue 组件库 HeyUI@1.19.0 发布，新增 Icon 图标
开发四年只会写业务代码,分布式高并发都不会还做程序员? Releases Logs 新增新增Search 属性 height width (3e9b0d5) 新增Icon (77aee70) 修 ...
Vue 组件库 heyui@1.18.0 发布，新增地址选择、图片预览组件
开发四年只会写业务代码,分布式高并发都不会还做程序员? 新增 CategoryPicker 新增组件 CategoryPicker,地址级联组件的最佳方案. <CategoryPicker ...
京东Vue组件库NutUI 2.0发布：将支持跨平台！
NutUI 是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,NutUI 1.0 版本于 2018 年发布.据不完全统计,目前在京东至少有30多个 web 项目正在使用 Nut ...
如何从0开始搭建Vue组件库
前言: 组件设计是通过对功能及视觉表达中元素的拆解.归纳.重组,并基于可被复用的目的,形成规范化的组件,通过多维度组合来构建整个设计方案,將这些组件整理在一起,便形成组件库.本文我们主要讲述基于 Va ...
vue 字典_【开源】基于Vue的前端组件库HeyUI
说道vue组件库,目前主流的基本就是iview和element.今天又发现一个很不错的.HeyUI. 组件也很丰富,入门比较简单. 反正开源框架我们有不嫌多,多多益善啊.感兴趣的可以看看. 关于Hey ...
2019年 Vue 组件库大评测 Element, iView, HeyUI, Ant Design Vue
2018年我写的Vue组件库对比文档: https://juejin.im/post/5a9628415188257a7b5ac678 一年的时间,每一个组件库都有了更多的发展,Ant Design ...
使用vue加svg实现流程图代码_京东风格的移动端Vue组件库NutUI2.0来啦
移动端 Vue 组件库 NutUI 自发布以来受到了广泛的关注.据不完全统计,目前至少有30多个京东的 web 项目正在使用 NutUI . 经过一段时间紧锣密鼓的开发,近期,京东正式发布了 NutU ...
Vant 1.0 发布：轻量、可靠的移动端 Vue 组件库
Vant 是有赞前端团队维护的移动端 Vue 组件库,提供了一整套 UI 基础组件和业务组件.通过 Vant 可以快速搭建出风格统一的页面,提升开发效率. Vant 一.关于 1.0 距离 Vant ...

最新文章

热门文章