iView 發布 3.1.0 版本,支持TypeScript

iView 發佈 3.1.0 版本,支持TypeScript


自 iView 7.28 發佈 3.0 後,近期iView又帶來了一個重要的版本 3.1.0(版本代號:INSIDE),這個版本 iView 開始支持 TypeScript,可以算是一個新的里程碑。

如果覺得不錯,請不要吝嗇你的 Star 哦:

地址:https://github.com/iview/iview

更新日誌

先看一下 3.1.0 版本完整的更新日誌:

https://github.com/iview/iview/releases

- 支持 TypeScript。

- 增加 Vue CLI 3 插件。vue-cli-plugin-iview

- 文檔增加 Nuxt.js 用法。

  • 查看地址:https://dev.iviewui.com/articles/1024499044308881408

- 文檔更新快速上手章節。

  • 查看地址:https://www.iviewui.com/docs/guide/start

- 新增抽屜組件 Drawer。

- ColorPicker 新增屬性 editable,支持輸入色值。

- Tabs 新增屬性 beforeRemove,返回 Promise 可中斷關閉。

- InputNumber 新增屬性 active-change,設置為 false 時,只會在失焦時更改數據。

- Modal 新增屬性 z-index。

- Modal 的 ESC 按鍵,現在只會關閉最頂層的模態框,當點擊某個 Modal 區域時,它將置為最頂層。

- 修復 DatePicker 在某些日期下,面板聯動錯誤的 bug。

- 修復 DatePicker 無法使用 disabled 屬性的 bug。

- 修復 Select 開啟 transfer 屬性後,在 3.0.1 版本下有時樣式錯誤的 bug。

- MenuItem 設置 target="_blank" 時,點擊菜單不再高亮當前項。

完善的 TypeScript 支持

目前 iView 所有的組件,都增加了 d.ts 定義:

https://github.com/iview/iview/tree/2.0/types

對於喜歡寫 TS 的用戶來說,這是一項不錯的福利。由於 Vue 本身的一些問題,目前 iView 在tsx 的支持上還有一些問題,我們也會繼續探討支持 tsx 的解決方案,以及一些在 iView 使用 TypeScript 的方法和經驗,之後都會第一時間發表在 iView 開發者社區 :

https://dev.iviewui.com/

新增 Vue CLI 3 插件

說起帶 GUI 的工程構建工具,iView CLI 可要比 Vue CLI 3 早上一年多:)不過二者還是有質的區別的,iView CLI 是一個基於 Electron 編譯的客戶端軟件,通過一個界面來生成工程文件。而 Vue CLI 3 是一整套的工程管理服務。Vue CLI 3 可以說讓開發和維護變的及其簡單,因此 iView 3.0 發佈後,官方也沒再繼續維護 iView CLI。這次我們也開發了支持 Vue CLI 3 的 iView 插件:

vue-cli-plugin-iview

iView 文檔也對工程構建的引導進行了修改,去掉了 iView CLI,而是推薦使用 Vue CLI 3。當你在使用 Vue CLI 3 管理你的項目時,你可以在插件中搜索 iview,而後安裝第一個即可:


iView 發佈 3.1.0 版本,支持TypeScript


iView 插件還支持一些簡單的配置: - 選擇全局使用還是按需使用 iView(默認全局); - 選擇使用的語言(默認是中文); - 選擇是否需要自定義主題(默認為否)。

完成不同的選擇後,生成的配置文件也不同。

如果有機會,下一個項目,不妨試試用 Vue CLI 3 去進行管理,你絕對會愛上它!

新增抽屜組件 Drawer

眾所周知,iView 官方提供的組件數量是同類開源產品裡最多的了,3.0 版本我們增加了 5 個全新的組件,這個版本,又增加了一個社區呼聲較高的抽屜組件 Drawer。

坦說的講,抽屜組件和模態框 Modal 組件是很像的(包括代碼也一樣),只不過抽屜組件是從側邊打開的,並佔滿全屏:


iView 發佈 3.1.0 版本,支持TypeScript

對象編輯 - 用於承載編輯相關操作,需要點擊關閉按鈕關閉


本次更新,我們也對 Modal 進行了加強。3.0 版本開始,Modal 組件開始支持拖拽,這意味著同時可以顯示多個 Modal,那層級就會是個問題。3.1.0 版本徹底解決了這個問題,如果你同時打開了多個 Modal(一般場景是打開了多個可拖拽的 Modal),現在是有層級關係的,新打開的,或者點擊某個 Modal 的可視區域,它都將置為最頂層,而且按 ESC 鍵,只會關閉最頂層的一個 Modal,不會全部關閉了。而且新增加的 z-index 的屬性,可以自定義 Modal 初始的層級值了。

如果你還沒更新到 3.x,別等了,趕快更新吧,後續還有好東西在等著你呢!


分享到:


相關文章: