资讯专栏INFORMATION COLUMN

iView 近期的更新,以及那些“不为人知”的故事

UsherChen / 2237人阅读

摘要:如图所示还有其它很多项的更新,比如新增属性,可以设置面板展开时默认显示的日期。目前最新版本支持键盘可访问性的组件有。期待你的加入下个版本预告下个版本计划重构组件,以全面支持表单组件的键盘可访问性,敬请期待。

在过去的两个多月里,iView 陆续发布了 2.9.0 和 2.10.0 两个重要版本。这两个版本总共有 255 个 commit,超过 40 项更新。来看一下,iView 具体都更新了些什么。

完整的更新日志可以到 GitHub releases 查看:
2.9.0: https://github.com/iview/iview/releases/tag/v2.9.0
2.10.0: https://github.com/iview/iview/releases/tag/v2.10.0

或者在 iView 文档的更新日志查看:
https://www.iviewui.com/docs/guide/update

说明:由于 2.10.0 存在编译后文件过大的问题,请更新至 2.10.1
“看得见”的更新

所谓看得见的更新,就是更新后能真实感受到的东西。这两个版本都得感谢两位瑞典大神
SergioCrisostomo 和 Xotic750 的贡献,iView 才得以越来越完善。

日期组件 DatePicker 的重构

首先是在 2.10.0 对日期组件 DatePicker 的重构。DatePicker 是 iView 48 个组件里最复杂的组件之一。复杂的功能使得代码逻辑非常重,在许多新特性的支持上,比如兼容不同国家的日历规范等都很难在此基础上迭代,不得不推倒重来。

SergioCrisostomo 之前有开发过日期相关的 JS 库(https://github.com/SergioCrisostomo/js-calendar),所以对日期相关的功能点和 API 非常熟,iView 也是基于此库进行的重构。

新的日期组件主要增加了以下功能:

1.范围选择支持从右往左选择了。
之前在范围选择时,必须先选起点,再选终点,也就是从左往右选,但很多用户的习惯却刚好相反。该版本则同时支持两个方向的选择。

2.新增 split-panels 属性,开启后,左右两面板可以不联动。
之前在范围选择时,左右两个面板是联动的,也就是右边永远比左边大一个月,任何一个面板切换月份或年份,另一个面板都会自动切换。该版本则可以设置为不联动,这样方便定位起始月份和结束月份。如图所示:

3.新增 multiple 属性,开启后,可以选择多个日期。
虽然之前版本可以用其它 iView 组件组合出来一个多选的日期,但效果和交互多少会打折扣,该版本只要增加属性 multiple,就可以在一个日期面板上同时选择和呈现多个日期了。如图所示:

4.新增属性 show-week-numbers,开启后,可以显示星期数。
增加这个属性,就可以在日历面板上显示当前是一年的第几周。如图所示:

还有其它很多项的更新,比如新增 start-date 属性,可以设置面板展开时默认显示的日期。新增属性 time-picker-options,可以在 type 为 datetime 和 datetimerange 下,配置 TimePicker 的属性,比如时间间隔 steps。完整的更新可以产看更新日志,这里不一一列举了。

键盘可访问性的支持

键盘的可访问性,主要是通过键盘的方向键tab键空格键等完成表单组件的切换和交互。在填写一个表单时(iView Form 组件),尤其有用,你可以离开鼠标,就完成一个复杂表单的填写与提交。

目前 iView 最新版本支持键盘可访问性的组件有:
ButtonInputRadioCheckboxSwitchAutoCompleteSliderInputNumber。更多组件还在陆续支持中。

事实上,原生的表单控件,浏览器都是支持键盘的可访问性的,比如

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93345.html

相关文章

  • iView 一周年了,同时发布了 2.0 正式版,但这只是开始...

    摘要:在许多志愿者的帮助下,将文档全部翻译为英文,在开发者社区颇受欢迎。有了英文版后,更多的国外开发者也参与到讨论之中,相信接下来会有更多来自国外的。英文版的翻译离不开社区的贡献,在此特别感谢和三位热心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 两年前,我开始接触 Vue.js 框架,当时就被它的轻量、组件...

    alexnevsky 评论0 收藏0
  • iView 一周年了,同时发布了 2.0 正式版,但这只是开始...

    摘要:在许多志愿者的帮助下,将文档全部翻译为英文,在开发者社区颇受欢迎。有了英文版后,更多的国外开发者也参与到讨论之中,相信接下来会有更多来自国外的。英文版的翻译离不开社区的贡献,在此特别感谢和三位热心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 两年前,我开始接触 Vue.js 框架,当时就被它的轻量、组件...

    Drinkey 评论0 收藏0
  • 重磅预告 | 今晚直播:MyCat坑如何在分布式中间件DBLE上改善

    摘要:开源分布式中间件社区官网主页技术交流群开源数据传输中间件社区官网主页技术交流群 上周,DBLE团队历时3个月准备的开源MySQL分布式中间件DBLE系列公开课发布了,为使社区同学能够更好的评估课程内容、质量以及对DBLE有更清晰深入的认知,我们联合IT168将在第二节课程发布前开放一期直播,跟大家聊聊DBLE与MyCat错综复杂的故事。 直播时间:3月14日(今晚)20:00PM 分...

    EastWoodYang 评论0 收藏0
  • Service Mesh 时代,Dubbo 架构该怎么跟进?

    摘要:原文链接时代,架构该怎么跟进,来自于微信公众号次灵均阁作为核心开发者,请先简单介绍下自己答大家好,我是小马哥,一名学习当爸爸的父亲,劝退师,项目架构师,编程思想的作者。因此,需求的来源不再已阿里为绝对主导,社区共建和共制的发展模式已成事实。 原文链接:Service Mesh 时代,Dubbo 架构该怎么跟进?,来自于微信公众号:次灵均阁 作为 Duboo 核心开发者,请先简单介绍下...

    robin 评论0 收藏0
  • Service Mesh 时代,Dubbo 架构该怎么跟进?

    摘要:原文链接时代,架构该怎么跟进,来自于微信公众号次灵均阁作为核心开发者,请先简单介绍下自己答大家好,我是小马哥,一名学习当爸爸的父亲,劝退师,项目架构师,编程思想的作者。因此,需求的来源不再已阿里为绝对主导,社区共建和共制的发展模式已成事实。 原文链接:Service Mesh 时代,Dubbo 架构该怎么跟进?,来自于微信公众号:次灵均阁 作为 Duboo 核心开发者,请先简单介绍下...

    李文鹏 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<