Skip to content

Releases: vusion/cloud-ui

v0.9.0

21 May 08:59
Compare
Choose a tag to compare

💥 非兼容性更新:

v0.4.0

14 May 06:12
Compare
Choose a tag to compare

✨ 新特性:

  • 新增 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. 已经有部分directivesutils比较复杂了,组件库的功能包含了更多内容,将组件放在一个目录下更为清晰。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>
    改为
    <u-button>xxx
        <m-popper>xxx</m-popper>
    </u-button>
    【原因】1. 添加弹出层时,会影响到原来组件的层级结构。比如<u-tooltip>要套一层,是很蛋疼。2. <u-popper>使用的是 render slot default 的输出方式,可能会对内部比较复杂的组件有意料之外的影响。
    【迁移事项】需要搜索所有在模板中使用<u-popper>的组件进行替换
    【问题排查】需要人肉走查,不过<u-popper>使用率不高,修改方便
  • MPopper 的open属性重命名为opened,UPopup、UTooltip、USelect 等同样。
    【原因】有些组件有 open 方法,和属性名会有冲突。虽然在英文中openopened用得更广泛,但没有更好的办法了。
    【迁移事项】需要搜索所有在代码用中使用opencurrentOpen字段,逐个替换。
    【问题排查】需要人肉走查。可能有一定风险
  • 将 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最近组件文档,对照文档做相应的更改
      【问题排查】需要人肉走查。可能有一定的风险
  • ULinkList 和 ULinkListItem 改为 UActions 和 UAction
    【原因】原来的名字有点长,且不太直观
    【迁移事项】做名字替换
    【问题排查】API没有改动,风险很小
  • USingleChoices 和 USingleChoice 改为 MSinglex 和 USinglexItem,对功能进一步做了一些完善
    【原因】作为 Mixin,原来的名字有点长
    【迁移事项】做名字替换
    【问题排查】API没有改动,风险很小
  • UInput 的 close 属性改为 clearable,@reset 事件改为 @clear 事件
  • UModal 的 @ok@cancel 添加了 undefined 参数

v0.3.53

12 Nov 07:45
Compare
Choose a tag to compare

✨ 新特性:

  • 增加组件英文语言支持

⚡️ 增强:

  • 图表组件修改自定义tooltip提示写法
  • <u-input>输入框增加搜索图标
  • <u-multi-select>支持增加自定义条目功能

🐛 修复:

  • 修复日期组件问题
  • 修复表格组件宽度问题
  • 修复柱状图小数点问题
  • 修复<u-link-list>属性maxCount失效问题
  • 修复<u-resize-table>添加全局事件未清除问题

v0.3.31

29 Aug 12:40
Compare
Choose a tag to compare

✨ 新特性:

  • 新增<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

03 Aug 13:49
Compare
Choose a tag to compare

✨ 新特性:

  • <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

23 Jul 03:40
Compare
Choose a tag to compare

⚡️ 增强:

  • <u-select>支持文字溢出方向可选
  • <u-table-view>支持max-heightmin-height属性,增加自定义表头功能
  • <u-tooltip>支持offset属性,可自定义调整显示的位置
  • <u-form>表单组件支持检测数据是否变化,通过传入model字段,获取数据后手动调用组件的record方法,在数据发生变化组件会自动抛出modify事件

🐛 修复:

  • 修复组件<u-table-view>异步获取数据进行排序和过滤可能出现死循环问题
  • 修复图表组件titlecaption样式问题
  • 修复<u-info-list>样式问题
  • 修复<u-popper>属性offset失效问题

v0.3.18

28 Jun 02:44
Compare
Choose a tag to compare

⚡️ 增强:

  • <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

19 Jun 03:00
Compare
Choose a tag to compare

✨ 新特性:

  • 添加新组件<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

30 May 06:13
Compare
Choose a tag to compare

✨ 新特性:

  • 添加新组件<u-countup>,实现数字渐变功能
  • 新增代码编辑器组件<x-ace-editor>

⚡️ 增强:

  • 日期组件和多选组件mixins<u-field>组件,可以实现在表单中加入验证规则
  • <u-toast>组件新增'size'属性来控制宽度大小

🐛 修复:

  • 修复组件<u-table-view>异步获取数据没有过滤问题
  • 修复表单Vertical align 错误信息提示

v0.3.7

25 May 08:06
Compare
Choose a tag to compare

⚡️ 增强:

  • 组件<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>在初始页面没有滚动条,点击其他内容出现页面滚动条,表格布局没有自动适配问题