iView 發佈 3.1.0 版本，支持 TypeScript，支持 Vue CLI 3

自 iView 7.28 發佈 3.0 後，今天咱們又帶來了一個重要的版本 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 用法。查看
• 文檔更新快速上手章節。查看
• 新增抽屜組件 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 插件還支持一些簡單的配置：

• 選擇全局使用仍是按需使用 iView（默認全局）；
• 選擇使用的語言（默認是中文）；
• 選擇是否須要自定義主題（默認爲否）。

完成不一樣的選擇後，生成的配置文件也不一樣。

若是有機會，下一個項目，不妨試試用 Vue CLI 3 來管理吧，你絕對會愛上它！

新增抽屜組件 Drawer

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

坦說的講，抽屜組件和模態框 Modal 組件是很像的（包括代碼也同樣），只不過抽屜組件是從側邊打開的，並佔滿全屏：

本次更新，也對 Modal 進行了增強。3.0 開始，Modal 組件開始支持拖拽，這意味着同時能夠顯示多個 Modal，那層級就會是個問題。3.1.0 版本完全解決了這個問題，若是你同時打開了多個 Modal（通常場景是打開了多個可拖拽的 Modal），如今是有層級關係的，新打開的，或者點擊某個 Modal 的可視區域，它都將置爲最頂層，並且按 ESC 鍵，只會關閉最頂層的一個 Modal，不會所有關閉了。並且新增長的 z-index 的屬性，能夠自定義 Modal 初始的層級值了。

若是你還沒更新到 3.x，別等了，趕快更新吧，之後還有好多好東西等着你呢！

特別鳴謝

特別感謝 @yangdan8 和 @lcx960324 在該版本對 iView 支持 TypeScript 的貢獻！