摘要:一日期時間相關(guān)組件改版月初對日期時間相關(guān)組件交互上進行了一波大更新,主要是為了減少用戶的操作成本,減少展示占用面積。單日期范圍選擇器中選擇日期后,自動跳轉(zhuǎn)至下一個框進行選擇,都選擇完成后自動確認。單日期范圍選擇器中使用雙面板展示。
一、日期時間相關(guān)組件改版(DatePicker、TimePicker)
6 月初對日期時間相關(guān)組件 DatePicker、TimePicker 交互上進行了一波大更新,主要是為了減少用戶的操作成本,減少展示占用面積。
背景/現(xiàn)狀
原先確定操作過多、體驗比較復(fù)雜,其次樣式上字體小、組件整體尺寸又偏大,窗口縮放時日歷面板自適應(yīng)定位體驗不好,且內(nèi)容可讀性差。
優(yōu)化邏輯和效果
在單日期選擇確認時取消了確定按鈕,點擊日期后自動確認。
單日期范圍選擇器中選擇日期后,自動跳轉(zhuǎn)至下一個框進行選擇,都選擇完成后自動確認。
單日期范圍選擇器中使用雙面板展示。
范圍選擇器添加選中范圍展示條。
減小格子間隔、縮小面板大小。
增加清空按鈕邏輯。
取消底部的快捷選擇項。
還有一些細節(jié)上的調(diào)整如:范圍選擇器選中一個時間節(jié)點后另一個節(jié)點會按照前一個選中的節(jié)點來禁用部分事件等。
二、選擇器組件改版( Select )
7 月初對 Select 組件進行了改版,主要為了確定后續(xù) Select 組件的定位:只負責(zé)簡單內(nèi)容的選擇,如列表項多、存在層級時需使用其它方案來替代。
背景/現(xiàn)狀
原先多選結(jié)果展示可讀性差,全選以及搜索功能下的全選邏輯復(fù)雜,實際效果與客戶期望不一致。
優(yōu)化邏輯和效果
搜索框與選擇器進行合并,不再放到下拉區(qū)域。
搜索增加高亮展示。
全選勾選變更為按鈕。
增加清空按鈕。
多選增加了 tag 展示。
由于本次改動中交互存在與之前版本不兼容的問題:搜索區(qū)域、新版不支持多層數(shù)據(jù)結(jié)構(gòu),顧依舊保留之前的版本,在識別到配置不兼容時自動切換為舊版本:
在使用了 renderSelector 并且需要搜索時
使用了 Group 時
其它還有一些細節(jié)變動:如下拉最小寬度默認為選擇器的寬度,搜索壓縮 tag 展示等,選擇后清空搜索等。
三、ActionList 增加自動伸縮功能
由于控制臺中很多產(chǎn)品的表格中存在操作按鈕列寬度與實際寬度不太匹配的情況,導(dǎo)致操作按鈕折行的現(xiàn)象,因此在 ActionList 中添加了自動伸縮功能,使用 autoAdjustment 后 ActionList 會根據(jù)列寬自動調(diào)整展示數(shù)量,最多為 exposeCount,該參數(shù)在控制臺中為默認啟用。
如果在寬度確定時不建議使用該參數(shù),因為自動調(diào)整需要不斷重繪來測試可放置的數(shù)量,而表格中操作列都較多,一定程度上會影響性能。
四、其它更新
其它還有一些小更新如:
新增 Skeleton 組件。
Table 組件 中增加 columnResizable。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/127450.html
摘要:如圖所示還有其它很多項的更新,比如新增屬性,可以設(shè)置面板展開時默認顯示的日期。目前最新版本支持鍵盤可訪問性的組件有。期待你的加入下個版本預(yù)告下個版本計劃重構(gòu)組件,以全面支持表單組件的鍵盤可訪問性,敬請期待。 在過去的兩個多月里,iView 陸續(xù)發(fā)布了 2.9.0 和 2.10.0 兩個重要版本。這兩個版本總共有 255 個 commit,超過 40 項更新。來看一下,iView 具體都...
摘要:為什么第一張圖片沒有出現(xiàn)可口可樂的產(chǎn)品圖片產(chǎn)品介紹等信息,但我們還是可以分辨出可口可樂其實這都是因為可口可樂有一套高一致性的系統(tǒng)。產(chǎn)品一致性主要指產(chǎn)品的設(shè)計理念、品牌形象、邏輯結(jié)構(gòu)、操作交互以及視覺形象等設(shè)計基因能夠在設(shè)計中較好的保持一致和統(tǒng)一。通過采用用戶熟悉的交互模式、視覺元素,使處于不同平臺、不同設(shè)備的一個產(chǎn)品可以讓用戶順利地解決問題。用戶在這個過程中根據(jù)以往的經(jīng)驗,以他們理解的方式去...
摘要:摘要第九屆中國數(shù)據(jù)庫技術(shù)大會,阿里巴巴技術(shù)專家孟慶義對阿里的數(shù)據(jù)管道設(shè)施實踐與演進進行了講解。它必須在把風(fēng)險做完,風(fēng)控是根據(jù)長期的歷史信息近期歷史的信息和實時的信息三個方向做綜合考量。 摘要:第九屆中國數(shù)據(jù)庫技術(shù)大會,阿里巴巴技術(shù)專家孟慶義對阿里HBase的數(shù)據(jù)管道設(shè)施實踐與演進進行了講解。主要從數(shù)據(jù)導(dǎo)入場景、 HBase Bulkload功能、HImporter系統(tǒng)、數(shù)據(jù)導(dǎo)出場景、H...
閱讀 454·2024-11-07 18:25
閱讀 130762·2024-02-01 10:43
閱讀 943·2024-01-31 14:58
閱讀 904·2024-01-31 14:54
閱讀 83006·2024-01-29 17:11
閱讀 3263·2024-01-25 14:55
閱讀 2057·2023-06-02 13:36
閱讀 3166·2023-05-23 10:26