iView 宣布 3.1.0 版本,支撑 TypeScript,支撑 Vue CLI 3

《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 宣布 3.1.0 版本,支撑 TypeScript,支撑 Vue CLI 3》

iView 插件还支撑一些简朴的设置:

  • 挑选全局运用照样按需运用 iView(默许全局);
  • 挑选运用的言语(默许是中文);
  • 挑选是不是须要自定义主题(默许为否)。

完成差别的挑选后,天生的设置文件也差别。

假如有时机,下一个项目,无妨试试用 Vue CLI 3 来治理吧,你相对会爱上它!

新增抽屉组件 Drawer

尽人皆知,iView 官方供应的组件数目是同类开源产物里最多的了,3.0 我们增添了 5 个全新的组件,这个版本,又增添了一个社区呼声较高的抽屉组件 Drawer

坦说的讲,抽屉组件和模态框 Modal 组件是很像的(包含代码也一样),只不过抽屉组件是从侧边翻开的,并占满全屏:

《iView 宣布 3.1.0 版本,支撑 TypeScript,支撑 Vue CLI 3》

本次更新,也对 Modal 进行了增强。3.0 最先,Modal 组件最先支撑拖拽,这意味着同时能够显现多个 Modal,那层级就会是个题目。3.1.0 版本彻底解决了这个题目,假如你同时翻开了多个 Modal(平常场景是翻开了多个可拖拽的 Modal),如今是有层级关联的,新翻开的,或许点击某个 Modal 的可视地区,它都将置为最顶层,而且按 ESC 键,只会封闭最顶层的一个 Modal,不会悉数封闭了。而且新增添的 z-index 的属性,能够自定义 Modal 初始的层级值了。

假如你还没更新到 3.x,别等了,连忙更新吧,今后另有很多好东西等着你呢!

迥殊道谢

迥殊感谢 @yangdan8@lcx960324 在该版本对 iView 支撑 TypeScript 的孝敬!

    原文作者:Aresn
    原文地址: https://segmentfault.com/a/1190000016259040
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞