1. 程式人生 > >Vant 1.5.0 釋出,輕量級移動端 Vue 元件庫

Vant 1.5.0 釋出,輕量級移動端 Vue 元件庫

  

Vant 1.5.0 已釋出,更新內容如下:

Breaking changes

1.5.0 版本統一圖示規範並重繪了所有圖示,同時增加約 100 個新圖示。對於同一個圖示,會提供實底線框兩種風格,以星星圖示為例,star表示實底風格的星星,star-o表示線框風格的星星。

同時也對原有圖示做了一定調整,具體改動如下:

  • 移除 edit-data

  • 移除 pending-deliver

  • 移除 pending-evaluate

  • 移除 points-mall

  • 移除 exchange-record

  • 重新命名 warn 為 info

  • 重新命名 check 為 circle

  • 重新命名 add2 為 add-square

  • 重新命名 question2 為 question

  • 重新命名 password-view 為 eye

  • 重新命名 password-not-view 為 closed-eye

  • 重新命名 value-card 為 balance-o

  • 重新命名 receive-gift 為 gift

  • 重新命名 pending-orders 為 orders-o

  • 重新命名 gift-card-pay 為 gift-card

此外,對下列元件的樣式細節進行了優化:

  • Cell 單元格

  • Card 卡片

  • Checkbox 複選框

  • Collapse 摺疊面板

  • Tab 標籤頁

  • Toast 輕提示

  • Switch 開關

  • Swipe 輪播

  • TreeSelect 分類選擇

Improvements

  • 支援通過 vetur 外掛實現元件標籤/屬性名的提示和自動補全 #2261

  • 支援通過大駝峰格式的標籤名使用元件 #2296

  • Tab: 新增 ellipsis 屬性 #2299

  • Tab: 新增 line-height 屬性 #2357

  • Tag: 新增 text-color 屬性 #2277

  • Card: 新增 lazy-load 屬性 #2301

  • Coupon: 新增 currency 屬性 

    #2274 #2256

  • Dialog: 新增 message-align 屬性 #2259

  • Stepper: 新增 async-change 屬性 #2318

  • SwitchCell: 新增 active-color、inactive-color 屬性 #2273

  • NoticeBar: 支援使用內建圖示 #2305

  • TreeSelect: 支援禁用左側欄選項 #2308

Bug Fixes

  • 修復 Dialog 在部分低端機型上文字模糊的問題 #2300

  • 修復 Checkbox 文字高度錯誤的問題 #2293

  • 修復 Field 使用 maxlength 屬性後中文輸入法截斷的問題 #2295

  • 修復 Swipe 包裹在 keep-alive 元件內時未重新初始化的問題 #2297

  • 修復 Swipe 在邊界情況下可能報錯的問題 #2253

  • 修復 Swipe 事件冒泡導致無法巢狀使用的問題 #2355 (chenjiahan)

  • 修復 Tab 在使用 animated 屬性時標籤內容無法展示的問題 #2238 #2322

  • 修復 Tab 在禁用所有選項時報錯的問題 #2356 (chenjiahan)

  • 修復 Tab 在使用 color 屬性時下劃線初始顏色錯誤的問題 #2344

  • 修復 Tabbar 提示位置錯誤的問題 #2257

  • 修復 Toast 例項上缺少 clear 方法型別定義的問題 #2354

  • 修復 dev 命令在 node 10 環境下報錯的問題 #2251

  • 修復 dev 命令在 windows 環境下報錯的問題 #2229

Vant 是一個輕量、可靠的移動端 Vue 元件庫,特性如下:

  • 50+ 個經過有贊線上業務檢驗的元件

  • 單元測試覆蓋率超過 90%

  • 完善的文件和示例

  • 支援 babel-plugin-import

  • 支援 TypeScript

  • 支援 SSR

更新日誌