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

UsherChen 發(fā)布于2019-08-22 15:17 / 2346人閱讀

摘要：如圖所示還有其它很多項的更新，比如新增屬性，可以設置面板展開時默認顯示的日期。目前最新版本支持鍵盤可訪問性的組件有。期待你的加入下個版本預告下個版本計劃重構組件，以全面支持表單組件的鍵盤可訪問性，敬請期待。

在過去的兩個多月里，iView 陸續(xù)發(fā)布了 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 個組件里最復雜的組件之一。復雜的功能使得代碼邏輯非常重，在許多新特性的支持上，比如兼容不同國家的日歷規(guī)范等都很難在此基礎上迭代，不得不推倒重來。

SergioCrisostomo 之前有開發(fā)過日期相關的 JS 庫（https://github.com/SergioCrisostomo/js-calendar），所以對日期相關的功能點和 API 非常熟，iView 也是基于此庫進行的重構。

新的日期組件主要增加了以下功能：

1.范圍選擇支持從右往左選擇了。
之前在范圍選擇時，必須先選起點，再選終點，也就是從左往右選，但很多用戶的習慣卻剛好相反。該版本則同時支持兩個方向的選擇。

2.新增 split-panels 屬性，開啟后，左右兩面板可以不聯(lián)動。
之前在范圍選擇時，左右兩個面板是聯(lián)動的，也就是右邊永遠比左邊大一個月，任何一個面板切換月份或年份，另一個面板都會自動切換。該版本則可以設置為不聯(lián)動，這樣方便定位起始月份和結束月份。如圖所示：

3.新增 multiple 屬性，開啟后，可以選擇多個日期。
雖然之前版本可以用其它 iView 組件組合出來一個多選的日期，但效果和交互多少會打折扣，該版本只要增加屬性 multiple，就可以在一個日期面板上同時選擇和呈現(xiàn)多個日期了。如圖所示：

4.新增屬性 show-week-numbers，開啟后，可以顯示星期數(shù)。
增加這個屬性，就可以在日歷面板上顯示當前是一年的第幾周。如圖所示：

還有其它很多項的更新，比如新增 start-date 屬性，可以設置面板展開時默認顯示的日期。新增屬性 time-picker-options，可以在 type 為 datetime 和 datetimerange 下，配置 TimePicker 的屬性，比如時間間隔 steps。完整的更新可以產(chǎn)看更新日志，這里不一一列舉了。

鍵盤可訪問性的支持

鍵盤的可訪問性，主要是通過鍵盤的方向鍵、tab鍵、空格鍵等完成表單組件的切換和交互。在填寫一個表單時（iView Form 組件），尤其有用，你可以離開鼠標，就完成一個復雜表單的填寫與提交。

目前 iView 最新版本支持鍵盤可訪問性的組件有：
Button、Input、Radio、Checkbox、Switch、AutoComplete、Slider、InputNumber。更多組件還在陸續(xù)支持中。

事實上，原生的表單控件，瀏覽器都是支持鍵盤的可訪問性的，比如

云服務器 GPU云服務器云計算的故事免費的域名以及服務器關于linux的故事短視頻的發(fā)展以及發(fā)展前景

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/93345.html

iView 一周年了，同時發(fā)布了 2.0 正式版，但這只是開始...

摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國外開發(fā)者也參與到討論之中，相信接下來會有更多來自國外的。英文版的翻譯離不開社區(qū)的貢獻，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開始接觸 Vue.js 框架，當時就被它的輕量、組件...

alexnevsky 2019-08-20 18:23 評論0 收藏0
iView 一周年了，同時發(fā)布了 2.0 正式版，但這只是開始...

摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國外開發(fā)者也參與到討論之中，相信接下來會有更多來自國外的。英文版的翻譯離不開社區(qū)的貢獻，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開始接觸 Vue.js 框架，當時就被它的輕量、組件...

Drinkey 2019-08-01 17:16 評論0 收藏0
Service Mesh 時代，Dubbo 架構該怎么跟進？

摘要：原文鏈接時代，架構該怎么跟進，來自于微信公眾號次靈均閣作為核心開發(fā)者，請先簡單介紹下自己答大家好，我是小馬哥，一名學習當爸爸的父親，勸退師，項目架構師，編程思想的作者。因此，需求的來源不再已阿里為絕對主導，社區(qū)共建和共制的發(fā)展模式已成事實。原文鏈接：Service Mesh 時代，Dubbo 架構該怎么跟進？，來自于微信公眾號：次靈均閣作為 Duboo 核心開發(fā)者，請先簡單介紹下...

robin 2019-08-19 11:46 評論0 收藏0
Service Mesh 時代，Dubbo 架構該怎么跟進？

摘要：原文鏈接時代，架構該怎么跟進，來自于微信公眾號次靈均閣作為核心開發(fā)者，請先簡單介紹下自己答大家好，我是小馬哥，一名學習當爸爸的父親，勸退師，項目架構師，編程思想的作者。因此，需求的來源不再已阿里為絕對主導，社區(qū)共建和共制的發(fā)展模式已成事實。原文鏈接：Service Mesh 時代，Dubbo 架構該怎么跟進？，來自于微信公眾號：次靈均閣作為 Duboo 核心開發(fā)者，請先簡單介紹下...

李文鵬 2019-06-28 11:24 評論0 收藏0