自 iView 7.28 釋出 3.0 後，今天我們又帶來了一個重要的版本 3.1.0（版本代號：INSIDE），這個版本 iView 開始支援 TypeScript，可以算是一個新的里程碑。
如果覺得不錯，請不要吝嗇你的 Star 哦：
更新日誌
先看一下 3.1.0 版本完整的更新日誌： github.com/iview/iview…
- 支援 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 定義： github.com/iview/iview…
對於喜歡寫 TS 的使用者來說，這是一項不錯的福利。由於 Vue 本身的一些問題，目前 iView 在 tsx 的支援上還有一些問題，我們也會繼續探討支援 tsx 的解決方案，以及一些在 iView 使用 TypeScript 的方法和經驗，之後都會第一時間發表在 iView 開發者社群 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 的貢獻！