Releases: vusion/cloud-ui
Releases · vusion/cloud-ui
v0.9.0
v0.4.0
✨ 新特性:
- 新增 ERipple
- 新增 UNavbarMenu, UNavbarSelect
- 新增 MPubSub
- 新增 UComboPagination
- 在每个事件中增加了第二个参数
senderVM
。比如@select="onSelect",onSelect 会有两个参数:$event 和 senderVM。 - 添加 Clipboard Utils
⚡️ 增强:
- UListView、USelect 键盘上下移动变为不是立即选择的方式
- UCheckbox 和 URadio 改为自定义的样式,且做了一些优化
💩 废弃:
- 移除 UColorSelect 组件
- 移除 UPopover 组件
- 移除了
composes
这个反人类的 CSS 功能
💥 非兼容性更新:
代码结构相关
- 组件路径做了更改,由
src/u-xxx.vue
改为src/components/u-xxx.vue
。
【原因】1. 已经有部分directives
和utils
比较复杂了,组件库的功能包含了更多内容,将组件放在一个目录下更为清晰。2.src/components
的目录可以与日常项目路径保持同步。
【迁移事项】对于单独继承 ProtoUI 的组件需要替换路径。比如:import XXX from 'proto-ui.vusion/src/u-xxx.vue
或@import 'proto-ui.vusion/src/u-xxx.vue/module.css
,后面 CSS 的这种路径可以改成简写形式@extend;
。
【问题排查】编译阶段即可发现 - 组件命名做了整体更改。
【原因】1. 类似 components: { UXXX } 中直接使用比较方便,以前需要写个mapComponents
。组件重命名的时候也比较方便,如import { UCheckbox2 as UCheckbox } from 'xxx'
。3. 组件种类较多,目前已经有一些扩展类和图标类的组件了。
【迁移事项】原来 import XXX from default 的组件不会受影响,import { XXX } from exports 的组件需要变更为 UXXX。不影响模板中标签的使用。
【问题排查】编译阶段即可发现 - 父子组件引入方式。现在将
u-xxx-item.vue
变为u-xxx.vue
中的item.vue
。并用 export { UXXXItem } 导出。
【原因】1. 部分父组件的子组件已经很多了,会导致components
目录过于冗长,同时引入时需要引入多个子组件,很累啊。。2. 同时解决了 CSSModules 父组件控制子组件的样式问题,废除了烦琐的composes
方法。
【迁移事项】依然是继承时的路径问题。同时引入的 import 命名需要修改成import { UXXX } from 'xxx';
【问题排查】编译阶段
组件相关
- MPopper 的修改,UPopup 和 UTooltip 同样。以前的这种使用结构
改为
<u-popper> <u-button>xxx</u-button> <div slot="popper">xxx</div> </u-popper>
【原因】1. 添加弹出层时,会影响到原来组件的层级结构。比如<u-button>xxx <m-popper>xxx</m-popper> </u-button>
<u-tooltip>
要套一层,是很蛋疼。2.<u-popper>
使用的是 render slot default 的输出方式,可能会对内部比较复杂的组件有意料之外的影响。
【迁移事项】需要搜索所有在模板中使用<u-popper>
的组件进行替换
【问题排查】需要人肉走查,不过<u-popper>
使用率不高,修改方便 - MPopper 的
open
属性重命名为opened
,UPopup、UTooltip、USelect 等同样。
【原因】有些组件有 open 方法,和属性名会有冲突。虽然在英文中open
比opened
用得更广泛,但没有更好的办法了。
【迁移事项】需要搜索所有在代码用中使用open
和currentOpen
字段,逐个替换。
【问题排查】需要人肉走查。可能有一定风险 - 将 USidebar, UNavbar, UMenu, UPagination, USteps, UTabs, UCrumb, UListView, UCarousel 组件中的
<ul>
和<li>
改为<nav>
和<a>
【原因】1. 原来的<li>
没有链接的一些特性,比如 hover 时浏览器有链接提示、右键打开新页面等。2. li 经常要进行清除样式。
【迁移事项】无需做任何事
【问题排查】Review 一下<a>
中有<a>
的情况,会不会产生问题。 - 将 USuggest, UMultiSelect 合并入 USelect 中
【原因】这几个组件有一些重叠的功能,合并在一起比较好一些
【迁移事项】如果有用<u-suggest>
,将它替换为<u-select filterable>
,要注意的是,在使用filterable
的情况下,新的 USelect 只支持用data
属性传入数据。
【问题排查】需要人肉走查。可能有一定风险 - USelect 添加了
placeholder
属性,默认不会选择第一项了。
【原因】为了支持上面的统一,不得不将placeholder
功能提出来
【迁移事项】将原来的<u-select-item>请选择</u-select-item>
删掉,改为<u-select placeholder="请选择">
,也可以不填这个属性使用默认值。
【问题排查】基本没有问题。 - USelect 和 UListView 的 data-source 部分有重构,做了一部分简化,需要认真阅读文档
【原因】原来的 data-source 功能不完善,做了升级
【迁移事项】查找 data-source 属性,对照文档做相应的更改
【问题排查】需要人肉走查。可能有一定的风险 - UTableView 和 UResizeTable 组件进行重构,合并成一个组件,原来的UTableView如需继续使用需要改成UOldTableView,UResizeTable暂时保留,后期UOldTableView和UResizeTable会废弃。主要变更如下:
- UTableView 去除
width``height``minWidth``minHeight
属性,请直接使用style="width: xxx;"
即可 - UTableViewColumn 的
label
属性改为field
属性 - 使用 UTableViewColumn 的 slot 需要添加 slot="cell",
scope.row
改为scope.item
,并且添加了scope.value
属性 - 排序和过滤等功能的 API 都做了重构,并添加了分页功能,请查询 Demo
- 单选和多选操作的 API 做了重构,请查询 Demo
【原因】原来的 u-table-view 功能不完善,做了升级
【迁移事项】查看u-table-view最近组件文档,对照文档做相应的更改
【问题排查】需要人肉走查。可能有一定的风险
- UTableView 去除
- ULinkList 和 ULinkListItem 改为 UActions 和 UAction
【原因】原来的名字有点长,且不太直观
【迁移事项】做名字替换
【问题排查】API没有改动,风险很小 - USingleChoices 和 USingleChoice 改为 MSinglex 和 USinglexItem,对功能进一步做了一些完善
【原因】作为 Mixin,原来的名字有点长
【迁移事项】做名字替换
【问题排查】API没有改动,风险很小 - UInput 的 close 属性改为 clearable,@reset 事件改为 @clear 事件
- UModal 的 @ok 和 @cancel 添加了 undefined 参数
v0.3.53
v0.3.31
✨ 新特性:
- 新增
<u-resize-table>
- 添加新组件
<u-uploader>
- 添加新组件
<u-crumb>
- 添加新组件
<u-transfer>
- 添加新组件
<u-drawer>
⚡️ 增强:
<u-form>
增加validateItem
方法,支持单独对表单项验证<u-popper>
增加followCursor
属性,使位置能跟随鼠标变化<u-button>
,<u-link>
,<u-text>
,<u-linear-layout>
增加布局样式属性display
<u-input>
和<u-textarea>
支持红框提示<u-circular-specific-progress>
支持自定义规则显示
🐛 修复:
- 修复组件
<u-table-view>
在v-if
场景中复用导致列宽度异常问题 - 修复
<u-pie-chart>
颜色异常显示问题 - 修复日期组件NaN问题
💥 非兼容性更新:
- IMPORTANT
<u-pie-chart>
和<u-bar-chart>
自定义tooltip
支持作用域插槽slot写法
v0.3.27
✨ 新特性:
<u-select>
和<u-list-view>
中支持数据源属性
⚡️ 增强:
<u-list-view-item>
,<u-select>
,<u-suggest>
支持键盘上下文切换<u-menu-item>
增加'$listeners'
事件<u-linear-progress>
支持限定范围使用方式<u-suggest>
支持异步滚动获取数据方式
💥 非兼容性更新:
- IMPORTANT 修复改变
<u-input>
和<u-textarea>
中边框颜色需要使用css选择符'.input > input { border: 1px solid #ccc; }'
和'.textarea > textarea { border: 1px solid #ccc; }'
特殊写法,现在直接使用'.input { border: 1px solid #ccc; }'
v0.3.26
⚡️ 增强:
<u-select>
支持文字溢出方向可选<u-table-view>
支持max-height
和min-height
属性,增加自定义表头功能<u-tooltip>
支持offset
属性,可自定义调整显示的位置<u-form>
表单组件支持检测数据是否变化,通过传入model
字段,获取数据后手动调用组件的record
方法,在数据发生变化组件会自动抛出modify
事件
🐛 修复:
- 修复组件
<u-table-view>
异步获取数据进行排序和过滤可能出现死循环问题 - 修复图表组件
title
和caption
样式问题 - 修复
<u-info-list>
样式问题 - 修复
<u-popper>
属性offset
失效问题
v0.3.18
⚡️ 增强:
<x-ace-editor>
支持自定义配置参数<u-steps>
组件样式添加margin<u-popper>
和<u-tooltip>
支持hideDelay
属性来延迟隐藏提示信息<u-textarea>
支持resize
原生属性(改变大小)<u-linear-layout>
样式支持gap
属性,调整间距大小以及flex
布局
🐛 修复:
- 修复组件
<u-table-view>
在复杂场景下样式问题 - 修复表单错误信息提示位置问题
- 修复原生
input
标签在IE下会自动添加样式问题 - 修复
<u-combo-slider>
输入框range
设置错误 - 修复
<u-date-pick>
日期判断问题 - 修复
<u-number-input>
原生属性placeholder
问题
v0.3.13
✨ 新特性:
- 添加新组件
<u-table>
⚡️ 增强:
- 表单错误信息提示添加图标
- 表单添加信息提示插槽
message
<u-info-list>
组件添加插槽operate
- 修改
<u-sidebar-item>
一些样式 - 修改
<u-pagination>
一些样式 <u-select-item>
组件支持自定义flag
图片,通过属性layer
来实现<u-form-item>
增加field-size
属性改变样式,增加ignoreRules
属性来忽略验证规则
🐛 修复:
- 修复组件
<u-table-view>
异步获取数据过滤问题,数字0不显示问题 - 修复表单错误信息提示位置问题
- 修复
<u-number-input>
组件将''
自动转换为0问题
v0.3.9
v0.3.7
⚡️ 增强:
- 组件
<u-form-item>
的 description 添加 slot 写法 - 在
<u-linear-progress>
中添加'size'
属性,改变高度值 - 在
<u-table-view>
中支持高级'expand'
功能 - 在
<u-sidebar>
中添加新属性'particular'
- 修改
<u-radio>
和<u-checkbox>
在'disabled'
下cursor属性值为''not-allowed
🐛 修复:
<u-table-view>
在初始页面没有滚动条,点击其他内容出现页面滚动条,表格布局没有自动适配问题