A high quality UI Toolkit built on Vue.js 2.0

Overview

iView

A high quality UI Toolkit built on Vue.js.

iView NPM downloads NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/iview/iview Backers on Open Collective Sponers on Open Collective

Docs

3.x | 2.x | 1.x

Features

  • Dozens of useful and beautiful components.
  • Friendly API. It's made for people with any skill level.
  • Extensive documentation and demos.
  • It is quite beautiful.
  • Supports both Vue.js 2 and Vue.js 1.

Who's using iView

If your company or products use iView, welcome to click here to leave a message.

Install

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

  • Supports Vue.js 2.x
  • Supports Vue.js 1.x - visit 1.0 docs
  • Supports SSR
  • Supports Nuxt.js
  • Supports TypeScript
  • Supports Electron
  • Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name Avatar Name Avatar Name Avatar
Aresn jingsam rijn
lcx960324 GITleonine1989 huixisheng
Sergio Crisostomo lison16 Xotic750
huanghong1125 yangdan8

Ecosystem Links

License

MIT

Copyright (c) 2016-present, TalkingData

Comments
  • Unexpected token import

    Unexpected token import

    1,下载了文档中介绍的vue-vueRouter-webpack项目; 2,在package的dependencies中加入"iview": "^0.9.2"; 3,webpack.base.config的loaders中加入 { test: /iview/.*?js$/, loader: 'babel' } 4,最后在页面冲尝试引用组件import Message from 'iview' 注册组件 components: {Message}, ready中使用组件 5,编译正常,但浏览时,报错;应该是babel编译没到位,不是很理解问题出在哪

    opened by 404-NF 34
  • Model对话框点击确定后iview会自动关闭窗口

    Model对话框点击确定后iview会自动关闭窗口

    环境:iview 2.0.0-rc.7 vue:2.2.0

    问题描述:在某个页面需打开一个Model,然后这个Model里有一个Form表单,点击确定时我需要先校验表单数据是否输入正确,不确定则不希望关闭窗口;(问题是:只要点击确认 loading :false 情况下iview默认就把this.visible = false 窗口就关闭了)

    希望楼主优化啊;

    看了源码后,目前我这做法是: Form校验不通过,则: this.$refs.endorseModel.visible = true; this.endorseModel = true; 这样窗口就不会关闭;

    opened by awoter 31
  • Modal组件点击确定阻止关闭的问题

    Modal组件点击确定阻止关闭的问题

    Modal点击确定自动关闭,无法阻止关闭,即使是提供v-model绑定的,也没办法阻止关闭。下面给了一个官网的示例,在点击确定的时候将this.modal1改为true,但是并没有阻止Modal的自动关闭,并且会导致下一次点击按钮不会打开Modal

    iView 版本号

    2.0.0-rc.17

    操作系统/浏览器 版本号

    Win10/Chrome 56

    Vue 版本号

    ^2.2.6

    能够复现问题的在线示例(bug 相关不提供在线示例将直接 close)

    https://jsfiddle.net/galence/p69go9rc/2/

    复现步骤

    如题

    问题现象,以及你期望的结果是怎样的?

    如题

    你估计可能的原因是什么(选填)?

    如题

    opened by justnowanna 25
  • rc13版中Table组件的render函数如何实现模板功能

    rc13版中Table组件的render函数如何实现模板功能

    iView 版本号

    2.0.0-rc.13

    Vue 版本号

    2.3.3

    问题现象,以及你期望的结果是怎样的?

    新版本升级了Table组件的render函数后,有一个常见需求不知道应该如何实现? 例如,表格最后一列的内容是根据之前列的内容判断而生成的按钮,rc12版本以前的写法为:

    {
                title: '操作',
                key: 'state',
                align: 'center',
                width: 300,
                render (row, column, index) {
                  const states1 = row.state.toString() === '1'
                  const states2 = row.state.toString() === '2'
                  const states3 = row.state.toString() === '3'
                  const states4 = row.state.toString() === '4'
                  return `
                  <i-button v-if="${states1}" @click="goEdit(${index})">修改</i-button>
                  <i-button v-if="${states2}" @click="goInactive(${index})">注销</i-button>
                  <i-button v-if="${states3}" @click="goActive(${index})">激活</i-button>
                  <i-button v-if="${states4}" @click="goDelete(${index})">删除</i-button>
                  `
                }
              }
    

    新版本的写法则是:

    {
                title: '操作',
                key: 'state',
                align: 'center',
                width: 300,
                render: (h, params) => {
                  return h('div', [
                    h('Button', {
                      on: {
                        click: () => {
                          goEdit(params.index)
                        }
                      }
                    }, '修改'),
                    h('Button', {
                      on: {
                        click: () => {
                          goInactive(params.index)
                        }
                      }
                    }, '注销'),
                    h('Button', {
                      on: {
                        click: () => {
                          goActive(params.index)
                        }
                      }
                    }, '激活'),
                    h('Button', {
                      on: {
                        click: () => {
                          goDelete(params.index)
                        }
                      }
                    }, '删除')
                  ])
                }
    }
    

    由于Vue的Render函数建议用JS代替模板功能,也就是说在rc12版本之前所采用的v-if或者v-for的模板将不能再使用。那么用rc13版本,应该如何更优雅的实现rc12之前那样动态的显示标签?当修改、删除、激活、注销这四个按钮对应不同的权限,采用JS的方式逐一判断,并在最后return一个h,写起了实在是太复杂了。

    opened by nelsonnick 24
  • AutoComplete Component

    AutoComplete Component

    AutoComplete 组件是由 iView Input 和 iView Dropdown 组合而成,支持两者先前大部分 props。支持基本筛选(补齐)功能,支持动态更新补齐框,支持两种触发模式,支持键盘控制等。

    1. From Input [value, size, icon, clearable, name, autofocus, disabled, placeholder]
    2. From Dropdown [placement, transfer]
    3. From AutoComplete [dataSource, async, loading, trigger]

    events: @on-change @on-focus


    重点说 AutoComplete props: dataSource:Array,是一个用字符串数组(后期可支持对象数组以支持更多属性) async:Boolean,支持异步。非异步情况下,会使用字符串匹配来筛选选项。而异步情况下,则选项直接由服务器接管,直接展示异步请求后的数据。这可以支持拼音或各种自定义筛选条件。或者使用在非异步情况下,但又不需要提供字符串匹配的场景。 loading:Boolean,用于控制 loading 展示,一般和 async 结合使用 trigger:String['focus', 'change'],选择触发方式,是获取焦点就出现补全框,还是输入值后出现补全框。

    events 提供的事件和 i-input 的差不多,但是在 on-change 上有一点区别。on-change 返回两个值,一个是 value ,另一个是 isFromSelect:Boolean。isFromSelect 是用于区分 on-change 得到的值是来源是否来源于选项。至于为什么需要这个属性,可以看看我 example 里第四个示例,会触发到一个无限 fetch Data 的状态,所以需要这个属性来区分是手动输入,还是来自使用选项。

    package.json 里添加的两个包是我用于测试用的,在代码里并没有使用,我这里忘记去掉了。

    这个组件真的挺有用的,希望 @icarusion 可以认真看看有没有问题。

    opened by YikaJ 23
  • [Bug Report]Typescript Error : 'XXX' only refers to a type, but is being used as a value here.

    [Bug Report]Typescript Error : 'XXX' only refers to a type, but is being used as a value here.

    Environment

    Mac

    Reproduction link

    https://github.com/iview/iview/blob/2.0/types/loading-bar.d.ts

    Steps to reproduce

    In a js file :

    import { LoadingBar } from "iview"
    LoadingBar.start()  // 'LoadingBar' only refers to a type, but is being used as a value here.
    

    What is expected?

    should not throw typescript error.

    What is actually happening?

    'LoadingBar' only refers to a type, but is being used as a value here.


    That is because in the types/loading-bar.d.ts , it exports LoadingBar as an interface

    // PS: `declare` keyword is useless here. 
    export declare interface LoadingBar {
        // ....
    }
    

    It should also export like that:

    export const LoadingBar: LoadingBar
    

    Not only LoadingBar show that problem but others like Notice and so on.

    TS 
    opened by SunshowerC 22
  • Talk about SSR and Nuxt.js

    Talk about SSR and Nuxt.js

    Here to talk iView support SSR and Nuxt.js. Now, I tested all component using nuxt.js, it worked. Any question of SSR and Nuxt.js can discuss here.

    [Download the following two files and replace node_modules/iview/dist] https://file.iviewui.com/ssr/v1/iview.js https://file.iviewui.com/ssr/v1/iview.min.js

    https://github.com/iview/iview/issues/1098 https://github.com/iview/iview/commit/a68c11a56566bcfdc5fd669997f640aa644a74c0#commitcomment-23045429


    How to use nuxt.js:

    nuxt.config.js:

    plugins: [
            { src: '~plugins/iview', ssr: true }
    ]
    

    plugins/iview.js:

    import Vue from 'vue'
    import iView from 'iview'
    
    Vue.use(iView)
    import 'iview/dist/styles/iview.css'
    
    discussion 
    opened by icarusion 22
  • 当元素层级超过三层,i-table中render自定义i-button的@click无法绑定到函数!

    当元素层级超过三层,i-table中render自定义i-button的@click无法绑定到函数!

    iView 版本号

    1.0.1

    操作系统/浏览器 版本号

    56.0.2924.87

    Vue 版本号

    v1.0.28

    能够复现问题的在线示例

    http://yii.mycgi.cn/users/index

    复现步骤

    请点击查看table中button

    问题现象,以及你期望的结果是怎样的?

    问题得到解决

    你估计可能的原因是什么(选填)?

    iview自定义组无法正确解析导致

    opened by systoms 21
  • 建议Modal对话框新增点击确定可以手动阻止自动关闭Modal的功能

    建议Modal对话框新增点击确定可以手动阻止自动关闭Modal的功能

    目前貌似只要点击了确定按钮,无论如何Modal都会关闭,这很不好,尤其涉及Modal中有From校验的时候。

    比如下面的例子:http://sandbox.runjs.cn/show/ytc60gu2 当用户名密码为空的时候,点击确定按钮不应该关闭窗口的。

    这是个Bug还是还没有这个功能,或者已经有了是我使用姿势不对?

    opened by dunizb 21
  • [Bug Report]You may have an infinite update loop in watcher with expression

    [Bug Report]You may have an infinite update loop in watcher with expression "columns" when dynamic change group columns

    Environment

    Chrome v66, Vue v2.5.13, Iview v2.13.0

    Reproduction link

    https://jsfiddle.net/Leestar54/yyrzhm46/784/

    Steps to reproduce

    see jsfiddle demo, click change button

    What is expected?

    dynamic change group columns

    What is actually happening?

    report an error: You may have an infinite update loop in watcher with expression "columns"

    if we ignore this report and still build in production, after click change button, brower hang on and crashed

    bug Table 
    opened by leestar54 20
  • iSelect 加载400多条数据要 17秒,请确认!

    iSelect 加载400多条数据要 17秒,请确认!

    iView 版本号

    2.0.0

    操作系统/浏览器 版本号

    macOS/Chrome 56

    Vue 版本号

    2.2.1

    能够复现问题的在线示例(bug 相关不提供在线示例将直接 close)

    iview-select.html.zip

    复现步骤

    打开附件中html,点击加载数据按钮

    问题现象,以及你期望的结果是怎样的?

    iSelect 加载400多条数据要 17秒!希望尽快解决

    你估计可能的原因是什么(选填)?

    估计问题的起源是以下位置, updateOption select-vue-code-snap

    need to optimize discussion 
    opened by maxid 19
  • Bump express from 4.16.3 to 4.18.2

    Bump express from 4.16.3 to 4.18.2

    Bumps express from 4.16.3 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.2.3 to 6.2.4

    Bump qs from 6.2.3 to 6.2.4

    Bumps qs from 6.2.3 to 6.2.4.

    Changelog

    Sourced from qs's changelog.

    6.2.4

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Fix] utils.merge: avoid a crash with a null target and a truthy non-array source
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [Refactor] use cached Array.isArray
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] Clean up license text so it’s properly detected as BSD-3-Clause
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] use safer-buffer instead of Buffer constructor
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 90d9f2b v6.2.4
    • ba24e74 [Fix] parse: ignore __proto__ keys (#428)
    • f047c9d [Dev Deps] backport from main
    • 5f8e28b [actions] backport actions from main
    • 2c38654 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 37e176d [meta] fix README.md (#399)
    • 081a3ab [Tests] use safer-buffer instead of Buffer constructor
    • 943e411 [meta] Clean up license text so it’s properly detected as BSD-3-Clause
    • 0d82916 [Fix] utils.merge: avoid a crash with a null target and an array source
    • c103b90 [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array...
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump decode-uri-component from 0.2.0 to 0.2.2

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • fix:修复当loadData执行时赋值给item.children为空数组时,无法选中的bug

    fix:修复当loadData执行时赋值给item.children为空数组时,无法选中的bug

    opened by syx-w 0
Releases(3.5.4)
  • 3.5.4(Dec 4, 2019)

    Fix input style issues when both clearable and search are enabled #6338 Fix Calendar component daylight saving time bug and time zone bug #6296 Fix Submenu's typeScript bug #6232 Fix the bug that Select enters the search multi-select mode and deletes it by mistake #5213 Fix Select enters filter mode and deletes filter conditions cannot return full data #5216 Fix Select cannot enter the filter mode to filter the data with escape characters #6349 Fix Split does not split properly #6323 Fix bug with Form validation in Table #6321

    Added marker property of Slider Added Select component custom drop-down content #5327


    修复 input同时开启clearable和search出现的样式问题 #6338 修复 日历组件夏令时Bug及时区Bug #6296 修复 Submenu 的 typeScript的bug #6232 修复 Select进入搜索多选模式存在误删Bug #5213 修复 Select进入过滤模式删除过滤条件不能回复全量数据 #5216 修复 Select进入过滤模式不能过滤带转义符号值的数据 #6349 修复 Split不能正确分割 #6323 修复 在Table中使用Form验证的bug #6321

    新增 Slider的marker属性 新增 Select组件自定义下拉内容#5327

    Source code(tar.gz)
    Source code(zip)
  • V3.5.3(Nov 6, 2019)

  • V3.5.2(Oct 25, 2019)

    • fixed progress set text-inside not hide out html
    • fixed Carousel click event not not triggered. #6230
    • fixed Carousel content CarouselItem overlap #6076
    • fixed Collapse not open panel #6194
    • fixed Collapse not disappear on-change #6329
    • fixed Nested style in Split component will cause error #6281
    • Fixed a bug in autocomplete component when iview is not installed globally. #6286
    • improve form type #6292
    • Fixed tabs nested abnormal #6279
    • Fixed Modal confirm 'close' button event question #6305
    • Fixed select seach matching label
    • Fixed select remote default value disappear #5748
    • Fixed select multiple the reset value did not disappear #6301
    • Add select add on-select API
    • Fixed AutoComplete select drop-down in some cases does not trigger on-select event issues #4441
    • Fixed DatePicker API setMonth question #6129
    • Fixed Tree disabled checkbox set selectd question #6121
    • optimize Affix components

    • 修复 progress 组件 设置属性 text-inside 显示问题
    • 修复 Carousel 组件 点击事件失效问题 #6230
    • 修复 Carousel 内的 CarouselItem 样式重叠问题 #6076
    • 修复 Carousel 异步不能打开panel #6194
    • 修复 Carousel 点击不触发on-change问题 #6329
    • 修复 分拆组件中的嵌套样式将导致错误 #6281
    • 修复 iview没有全局安装时自动完成组件的错误 #6286
    • 优化 typeScirpt 类型支持 #6292
    • 修复 tabs 嵌套的问题 #6279
    • 修复 Modal confirm 关闭按钮事件问题 #6305
    • 修复 select 搜索功能改成只匹配label
    • 修复 select 远程搜索有默认值的情况下点击后会值消失问题 #5748
    • 修复 select multiple 值的重置问题 #6301
    • 增加 select 组件增加 on-select 接口
    • 修复 AutoComplete 选中下拉某些情况下不触发 on-select 事件问题 #4441
    • 修复 DatePicker API setMonth 问题 #6129
    • 修复 Tree checkbox 的属性disabled,也能被设置选中问题 #6121
    • 优化 Affix 组件
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.59 MB)
    iview.js.map(1.97 MB)
    iview.min.js(596.58 KB)
    iview.min.js.gz(132.92 KB)
    iview.min.js.map(2.14 MB)
  • v3.5.1(Sep 17, 2019)

    Fixed Modal Setting drag-and-drop custom size problem #6039 Fixed Select backspce delete problem on Chrome Browser in Low Edition #6256 Fixed InputNumber setting maximum and minimum values cannot enter other values #6245 Fix use Page component in Dropdown #6184 Fixed can not select problem in Cascader #6158 Fixed Delete key deletion in Chinese input method in Select #6082 Fixed Dropdown disabled the event in disabled status #6135 Fixed AutoComplete cannot clear value in disabled #6161 Fixed CheckBoxGroup Component Multilayer Nesting Problem #6209 Fixed Tree Expansion Icon Display of Menu under Asynchronous Loading of Components #6139 Fixed Tabs and Table Joint use of switching tabs by components causes Table to fail to get its normal width #6255 Fixed Cascader setting filter conditions cannot perform the selected function #6255 Optimization Upgrade Form Validation Component Base Library async-validator(1.12.2) #6263 Optimization InputNumber The Problem of Cursor Location in Component Setting Precsion Attribute Optimization Steps Problems with display of other background colors Optimization update v-click-outside-x to resolve autoComplete not to close New Progress props text-inside New Progress props strokeColor support array New Switch props beforeChange,true-colo and false-color


    修复 Modal 设置拖拽自定义尺寸问题 #6039 修复 Select 在低版本chrome浏览器 backspce回退键删除错误 #6256 修复 InputNumber 设置最大值和最小值无法输入其他值 #6245 修复 Dropdown中使用Page组件 #6184 修复 Cascader异步数据不能选中问题 #6158 修复 Select 多选框已选中的Item 在中文输入法使用Delete键删除问题 #6082 修复 Dropdown 禁止DropItem的disabled传递事件 #6135 修复 AutoComplete 组件在disabled状态下不能清楚 #6161 修复 CheckBoxGroup 组件多层嵌套问题 #6209 修复 Tree 组件异步加载时菜单的展开图标展示问题 #6139 修复 Tabs和Table组件联合使用切换tab导致Table不能获取正常宽度 #6255 修复 scader 组件设置过滤条件不能执行选中功能

    优化 升级Form验证组件基础库async-validator(1.12.2) 优化 InputNumber组件设置precision属性时光标定位问题 优化 Steps组件在其他背景色显示的问题 优化 升级依赖组件v-click-outside-x解决utoCompleteA不能关闭问题 新增 Progress props属性text-inside 新增 Progress props属性strokeColor支持数组 新增 Switch props属性beforeChange,true-color和false-color

    Source code(tar.gz)
    Source code(zip)
    iview.js(1.59 MB)
    iview.js.map(1.95 MB)
    iview.min.js(595.13 KB)
    iview.min.js.gz(132.47 KB)
    iview.min.js.map(2.10 MB)
  • v3.4.2(May 21, 2019)

    • Fixed Select remote search, calling the setQuery method sometimes fails to reset the search query. #5620
    • Fixed the problem that Modal sometimes closes incorrectly. #5800
    • Fixed Table when the tooltip is turned on, the cell content is not centered. #5472
    • Fixed an issue that TS can't be used on demand. #5740
    • When the multiple options of Table are disabled, the Checked All button is also disabled. #5230
    • The autocomplete property of Input removes the restriction. #5616

    • 修复 Select 远程搜索,调用清空方法有时不能重置搜索词的问题。 #5620
    • 修复 Modal 有时会误关闭的问题。 #5800
    • 修复 Table 开启 Tooltip 时,单元格内容没有居中的问题。 #5472
    • 修复 TS 不能按需使用的问题。 #5740
    • Table 的多选项都禁用时,也禁用全选按钮。 #5230
    • Input 的 autocomplete 属性移除限制。 #5616
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.55 MB)
    iview.js.map(1.92 MB)
    iview.min.js(577.50 KB)
    iview.min.js.gz(129.04 KB)
    iview.min.js.map(2.08 MB)
  • v3.4.1(Apr 26, 2019)

    • Fixed Grid setting responsive offset sometimes error. #2769
    • Fixed 3.4.0 version, InputNumber set active-change to false when out of focus does not change the data. #5645
    • Fixed some issues with TS. #5673

    • 修复 Grid 设置响应式 offset 有时出错的问题。 #2769
    • 修复 3.4.0 版本下,InputNumber 设置 active-change 为 false 时失焦不更改数据的问题。 #5645
    • 修复 TS 的一些问题。 #5673
    Source code(tar.gz)
    Source code(zip)
  • v3.4.0(Apr 15, 2019)

    • A lot of global options has been added. #5592 View
    • Select adds new property and slot prefix. #5477
    • Select adds new properties max-tag-count and max-tag-placeholder. #5568
    • Table adds new property max-height. #4207
    • Table adds new property row-key, and optimize performance. #5380
    • Poptip adds new property disabled. #5520
    • Slider adds new property active-change. #5583
    • Input adds new event @on-clear. #5527
    • Button, Cell, MenuItem, BreadcrumbItem add new property append, same as vue-router append API. #5341
    • The font file has a .woff2 format and is preferred. #5560
    • DatePicker adds new event @on-clickoutside.
    • Dropdown adds new property stop-propagation. #5489
    • LoadingBar adds new property duration. #5485
    • Optimize the display of the link and the opening behavior of the new window when components such as Button use the to property. #5341 #5378
    • Optimize the Cascader style. #5455
    • Optimize the closing experience of Select and DatePicker on the mobile. #5160
    • Optimize the experience of the Menu initialization. https://github.com/iview/iview/commit/e098ce3f8a4175f24b2610c5a35f67bae7fa5120
    • Optimize the experience of Collapse initialization. https://github.com/iview/iview/commit/bbc315815777cca3469d3c021b5dcae5aa0fd5f7
    • $Modal The onCancel function is also executed when the close button is clicked or closed with the ESC key. #5452
    • Cascader displays an empty prompt when data is empty. #5514
    • Fixed an issue where $Notice was invalidated in Vue.js 2.6.9 and above. #5485
    • Fixed an issue where Tree was animated incorrectly in Vue.js 2.6.9 and above. https://github.com/iview/iview/commit/37f4b7a8795d2b4cda4cce746b62cc8dd40b4cb0
    • Fixed and issues that Select In the disabled mode, the drop-down arrow icon disappears. #5561
    • Fixed an issue where sorting sometimes went wrong when Table was fixed. #5580
    • Fixed an issue where the Slider repeatedly fired the @on-change event when using InputNumber. #5577
    • Fixed an issue where Drawer width dynamic settings did not take effect. #5594
    • Fixed some issues with TS. #5508 #5578
    • Adds TSLint. #5461

    • 新增大量全局配置。 #5592 查看
    • Select 新增属性及插槽 prefix。 #5477
    • Select 新增属性 max-tag-countmax-tag-placeholder。 #5568
    • Table 新增属性 max-height。 #4207
    • Table 新增属性 row-key,并优化性能。 #5380
    • Poptip 新增属性 disabled。 #5520
    • Slider 新增属性 active-change。 #5583
    • Input 新增事件 @on-clear。 #5527
    • Button、Cell、MenuItem、BreadcrumbItem 新增 append 属性,同 vue-router 的 append API。 #5341
    • 字体文件新增 .woff2 格式并优先使用。 #5560
    • DatePicker 新增事件 @on-clickoutside
    • Dropdown 新增属性 stop-propagation。 #5489
    • LoadingBar 新增属性 duration。 #5485
    • 优化 Button 等组件使用 to 属性时,对链接的显示及新窗口打开行为。 #5341 #5378
    • 优化 Cascader 样式。 #5455
    • 优化 Select、DatePicker 在移动端的关闭体验。 #5160
    • 优化 Menu 初始化时的表现。 https://github.com/iview/iview/commit/e098ce3f8a4175f24b2610c5a35f67bae7fa5120
    • 优化 Collapse 初始化时的表现。 https://github.com/iview/iview/commit/bbc315815777cca3469d3c021b5dcae5aa0fd5f7
    • $Modal 点击关闭按钮或使用 ESC 键关闭时,也会执行 onCancel 函数。 #5452
    • Cascader 在 data 为空时,显示空提示。 #5514
    • 修复 $Notice 在 Vue.js 2.6.9 以上版本动画失效的问题。 #5485
    • 修复 Tree 在 Vue.js 2.6.9 以上版本动画错误的问题。 https://github.com/iview/iview/commit/37f4b7a8795d2b4cda4cce746b62cc8dd40b4cb0
    • 修复 Select 在 disabled 模式下,下拉箭头图标消失的问题。 #5561
    • 修复 Table 在固定列时,排序有时出错的问题。 #5580
    • 修复 Slider 使用 InputNumber 时重复触发 @on-change 事件的问题。 #5577
    • 修复 Drawer width 动态设置不生效的问题。 #5594
    • 修复 TS 的一些问题。 #5508 #5578
    • 添加 TSLint。 #5461
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.54 MB)
    iview.js.map(1.92 MB)
    iview.min.js(577.15 KB)
    iview.min.js.gz(128.97 KB)
    iview.min.js.map(2.08 MB)
  • v3.3.3(Mar 20, 2019)

  • v3.3.2(Mar 18, 2019)

    • Fixed the problem that Tabs default order is reversed under browsers such as Firefox under version 3.3.1. https://github.com/iview/iview/commit/dba576ca172e19574a92c0a00d3a2a025e8d6006

    • 修复 3.3.1 版本下,Tabs 默认顺序在 Firefox 等浏览器下颠倒的问题。 https://github.com/iview/iview/commit/dba576ca172e19574a92c0a00d3a2a025e8d6006
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.53 MB)
    iview.js.map(1.88 MB)
    iview.min.js(567.64 KB)
    iview.min.js.gz(127.20 KB)
    iview.min.js.map(2.04 MB)
  • v3.3.1(Mar 18, 2019)

    • Tabs adds new property name, TabPane adds new property tab. If you want to nest Tabs above version 3.3.0, you need to set the name for Tabs and set the tab to the corresponding child TabPane to point to the name of Tabs. view example #5377
    • TabPane adds new property index. When TabPane uses v-if, it does not render in the order in which it is. You can set index property to sort from small to large (note: TabPane does not support v-show). view example #5401
    • Fix Grid's new xl, xxl breakpoints in version 3.3.0 sometimes fail to work properly. #5393
    • Added number and tel to the type property of Input. #5381 #5422
    • Fixed an issue where the draggable property was not valid when Drawer closed the mask layer.
    • Fixed an issue where FormItem set the error property to be invalid. #5352
    • Fixed an issue where Affix was not scrolling when it was initialized. #5440
    • Fixed some issues with TS. #5406

    • Tabs 新增属性 name,TabPane 新增属性 tab,如果要在 3.3.0 版本以上嵌套使用 Tabs,需要给 Tabs 设置 name,并给对应的子 TabPane 设置 tab 指向 Tabs 的 name。查看示例 #5377
    • TabPane 新增属性 index,当 TabPane 使用 v-if 时,并不会按照预先的顺序渲染,这时可设置 index,并从小到大排序(注意:TabPane 不支持 v-show)。 查看示例 #5401
    • 修复 Grid 在 3.3.0 版本新增的 xl、xxl 断点有时无法正常使用的问题。 #5393
    • Input 的 type 属性新增 numbertel。 #5381 #5422
    • 修复 Drawer 关闭遮罩层时,使用 draggable 属性无效的问题。
    • 修复 FormItem 设置 error 属性无效的问题。 #5352
    • 修复 Affix 初始化时未滚动的问题。 #5440
    • 修复 TS 的一些问题。 #5406
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.53 MB)
    iview.js.map(1.88 MB)
    iview.min.js(567.64 KB)
    iview.min.js.gz(127.19 KB)
    iview.min.js.map(2.04 MB)
  • v3.3.0(Mar 5, 2019)

    • Table adds new property draggable and event @on-drag-drop, after opening, you can drag and drop the order of the columns. #4729
    • Table adds new property tooltip-theme, you can configure the theme color of the Tooltip. #4158
    • Select adds new property transfer-class-name.
    • Dropdown adds new property transfer-class-name.
    • Tree adds new property check-directly. When enabled, in the show-checkbox mode, the select interaction will also be converted to check. https://github.com/iview/iview/commit/467e2cf9a4527da596a5eec09b4df46e464114b1
    • Drawer adds new property draggable and event @on-resize-width, after opening, you can drag and adjust the width.
    • Drawer adds new property before-close, return Promise to prevent close. #4895
    • DatePicker, TimePicker adds new property separator, which can be used to customize the separator. #5146
    • AutoComplete adds new event @on-clear.
    • Avatar adds new event @on-error, triggered when src is set and the image is not loaded successfully. #5136
    • Upload adds new property disabled. #5071
    • Progress adds new property stroke-color. #4334
    • Divider adds new property size. #4415
    • Adjusted the default media query breakpoints, adding xl, xxl breakpoints. https://github.com/iview/iview/commit/6e97df10d95ac095ee4d6446f4b4beacb4bfd041
    • Adjusted the Tabs includes TanPane's arithmetic. https://github.com/iview/iview/commit/4d8b40165622632cd57f9c0de9680bb83c96cad4
    • Fixed Select is not correct in the Safari browser in filterable and disabled mode. #5249
    • Fixed an issue where Input could still be emptied in clearable and disabled mode. #5296
    • Fixed some issues with TS. #5330
    • Update Russian. #5279
    • Update Arabic. #5304
    • Update Korean. #5298
    • Added Polish. #5245 @qbunia
    • Added Arabic-Egypt. #5304 @mahmoudzohdi

    • Table 新增属性 draggable 及事件 @on-drag-drop,开启后可以拖拽调整行的顺序。 #4729
    • Table 新增属性 tooltip-theme,可以配置 Tooltip 的主题色。 #4158
    • Select 新增属性 transfer-class-name
    • Dropdown 新增属性 transfer-class-name
    • Tree 新增属性 check-directly,开启后,在 show-checkbox 模式下,select 的交互也将转为 check。 https://github.com/iview/iview/commit/467e2cf9a4527da596a5eec09b4df46e464114b1
    • Drawer 新增属性 draggable 及事件 @on-resize-width,开启后可以拖拽调整宽度。
    • Drawer 新增属性 before-close,返回 Promise 可阻止关闭。 #4895
    • DatePicker、TimePicker 新增属性 separator,可自定义分隔符。 #5146
    • AutoComplete 新增事件 @on-clear
    • Avatar 新增事件 @on-error,在设置 src 且图片加载不成功时触发。 #5136
    • Upload 新增属性 disabled。 #5071
    • Progress 新增属性 stroke-color。 #4334
    • Divider 新增属性 size。 #4415
    • 调整了默认的媒体查询断点,新增 xl、xxl 断点。 https://github.com/iview/iview/commit/6e97df10d95ac095ee4d6446f4b4beacb4bfd041
    • 调整了 Tabs 包裹 TanPane 的计算方式。https://github.com/iview/iview/commit/4d8b40165622632cd57f9c0de9680bb83c96cad4
    • 修复 Select 在 filterable 且 disabled 状态下,在 Safari 浏览器中颜色显示不正确的问题。 #5249
    • 修复 Input 在 clearable 且 disabled 状态下,仍然能清空的问题。 #5296
    • 修复 TS 的一些问题。 #5330
    • 更新俄语。 #5279
    • 更新阿拉伯语。 #5304
    • 更新韩语。 #5298
    • 新增波兰语。 #5245 @qbunia
    • 新增阿拉伯语-埃及。 #5304 @mahmoudzohdi
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.88 MB)
    iview.min.js(567.16 KB)
    iview.min.js.gz(127.11 KB)
    iview.min.js.map(2.04 MB)
  • v3.2.2(Jan 14, 2019)

    • Fixed Select problem that can not select accurately under remote mode in 3.2.0 version. #5087
    • Fixed Select problem that the selected value is not updated when Option changes dynamically sometimes. #5090
    • Fixed Select problem that the query is not cleared when blur in filterable mode. #5155
    • Fixed Select problem In filterable mode, sometimes press the Enter key to report an error. #5116
    • Fixed AutoComplete problem that the Dropdown will be displayed after set value. #5150
    • Fixed Slider In range mode, click on the sliders that sometimes overlap. #3968
    • Fixed the problem that the Slider can't drag to the left when the two sliders are in the 100% position in range mode. #4281
    • Fixed the trigger condition that Slider modifies currentValue. #3400
    • Fixed an issue where the sliding rate was inconsistent when the Slider changed its width. #5183
    • Fixed an issue where Divider was not styled correctly in dashed mode. #5135
    • Fixed an issue where the content style was incorrect when Cascader's width was too small. #5153
    • Fixed an issue where pressing the tab style error when Input was included in the Tabs. #5111
    • Fixed an issue where the scrollbar flashed when Drawer used inner property. #5076
    • Fixed an issue where the table header was fixed and the content was empty, sometimes the header style was wrong. #5174
    • Fixed the problem that the Tag style is not correct in dot and color mode. #5194
    • Fixed some issues with TS. #5147 #5156
    • Update Italian. #5182
    • Added Danish. #5154 @miloandco

    • 修复由 3.2.0 版本导致 Select 在 remote 模式下,选择出错的问题。 #5087
    • 修复 Select 内的 Option 动态改变时,有时选中值未更新的问题。 #5090
    • 修复 Select 在 filterable 模式下,失焦后搜索词未清空的问题。 #5155
    • 修复 Select 在 filterable 模式下,有时按回车键报错的问题。 #5116
    • 修复 AutoComplete 主动赋值后,强行显示下拉框的问题。 #5150
    • 修复 Slider 在 range 模式下,点击滑条有时重叠的问题。 #3968
    • 修复 Slider 在 range 模式下,两个滑块到 100% 位置时,无法向左拖动的问题。 #4281
    • 修复 Slider 修改 currentValue 的触发条件。 #3400
    • 修复 Slider 改变宽度时,滑动速率不一致的问题。 #5183
    • 修复 Divider 在 dashed 模式下,样式不正确的问题。 #5135
    • 修复 Cascader 宽度较小时,内容样式不正确的问题。 #5153
    • 修复 Tabs 内含有表单组件时,按下 tab 键样式出错的问题。 #5111
    • 修复 Drawer 使用 inner 时,滚动条闪动的问题。 #5076
    • 修复 Table 表头固定且内容为空时,有时表头样式错误的问题。 #5174
    • 修复 Tag 在 dot 和 color 模式下,样式不正确的问题。 #5194
    • 修复 TS 的一些问题。 #5147 #5156
    • 更新意大利语。 #5182
    • 新增丹麦语。 #5154 @miloandco
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(562.86 KB)
    iview.min.js.gz(126.37 KB)
    iview.min.js.map(1.99 MB)
  • v3.2.1(Dec 25, 2018)

    • Optimize the experience of Input when entering Chinese in v-model mode. #5060
    • Optimize the placeholder color of the InputNumber. #5053
    • Optimize the Select style in multiple mode when the option is too long. #4938
    • Fixed Select problem that can not scroll on the mobile. #4941
    • Fixed Select problem that can not select in group mode in 3.2.0 version. https://github.com/iview/iview/commit/57bd5393c55e6f0101e8a2f92b5ae2dff9228ce2
    • Fixed DatePicker problem in datetime mode, switching time, floating layer position is not correct. #5046
    • Fixed Cascader problem in change-on-select mode, click on the option that sometimes cannot be selected. #5021
    • Fixed Cascader problem when click option, it shows the wrong selected item sometimes. #4998
    • Fixed Cascader problem in filterable mode, the @on-change event returns an incorrect data. #4786
    • Fixed Cascader problem that could not display the full list when it was at the far right of the page (requires the transfer property to be turned on). #4189
    • Fixed Tag problem that manually modified the checked value and the UI did not respond. #4587
    • Fixed Scroll on demand problem that throw error about component was not registered. #3391
    • Fixed an issue that Modal's style was not correct in fullscreen mode with a width less than 768px. #4804
    • Fixed some issues with TS. #5044 #5054
    • Fixed an issue where Dropdown's style was wrong when used inside a Tree. #5056

    • 优化 Input 的 v-model 在输入中文时的体验。 #5060
    • 优化 InputNumber 的 placeholder 颜色。 #5053
    • 优化 Select 在 multiple 模式下,选项过长的样式。 #4938
    • 修复 Select 列表无法在移动端滚动的问题。 #4941
    • 修复由 3.2.0 版本导致 Select 在 group 模式下,无法选择的问题。https://github.com/iview/iview/commit/57bd5393c55e6f0101e8a2f92b5ae2dff9228ce2
    • 修复 DatePicker 在 datetime 模式下,切换时间,浮层位置不正确的问题。 #5046
    • 修复 Cascader 在 change-on-select 模式下,点击选项有时无法选中的问题。 #5021
    • 修复 Cascader 点击选项有时显示错误的问题。 #4998
    • 修复 Cascader 在 filterable 模式下,@on-change 事件返回数据不正确的问题。 #4786
    • 修复 Cascader 在页面最右侧时,无法显示完整列表的问题(需开启 transfer 属性)。 #4189
    • 修复 Tag 手动修改 checked 值,UI 未响应的问题。 #4587
    • 修复 Scroll 在按需加载时,报错组件未注册的问题。 #3391
    • 修复 Modal 在 fullscreen 模式下,宽度小于 768px 时,样式不正确的问题。 #4804
    • 修复 TS 的一些问题。 #5044 #5054
    • 修复 Dropdown 在 Tree 内使用时,样式不正确的问题。 #5056
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(562.15 KB)
    iview.min.js.gz(126.29 KB)
    iview.min.js.map(1.99 MB)
  • v3.2.0(Dec 18, 2018)

    • Table supports slot-scope usage. #4847 view demo
    • Tree add new property check-strictly, when it is turned on, in the checkbox mode, the parent-child relationship is no longer strictly followed. #4872
    • The @on-select-change and @on-check-change event of the Tree component return parameters add the current item. #4849
    • Fixed some issues with TS. #4809 #4465 #4930
    • Fixed Table problem that dynamically set the group header throw errors. #3472
    • Fixed InputNumber problem that the minimum value is set to a negative value and the value changes to 0. #5002
    • Fixed ColorPicker problem that sometimes can't focus on the input box in transfer mode. #4826
    • Fixed an issue where Modal's drag and drop functionality is not working under some browsers. #4903
    • Fixed the problem that when the Drawer multi-layer nesting is used, the inner layer is closed and the outer scrolling property is wrong. #4831
    • Fixed the Select problem that change slot dynamically, the bound value does not update the label. #4626
    • Fixed the Select problem that layer changes position due to slot changes. #4913
    • Fixed a problem where Form validation was not triggered after Select manual assignment. #4910
    • Fixed the problem that the Menu is not in the correct style in primary mode.
    • Modify the Upload event on-form-change dispatch time. #5012
    • Optimize the input experience of AutoComplete. #4985
    • Add Arabic. @OsamaElzero

    • Table 支持 slot-scope 用法。 #4847 查看示例
    • Tree 新增属性 check-strictly,开启后,在复选框模式下,将不再严格遵循父子互相关联的做法。 #4872
    • Tree 的 @on-select-change 和 @on-check-change 事件返回参数新增当前项。 #4849
    • 修复 TS 的一些问题。 #4809 #4465 #4930
    • 修复 Table 动态设置表头分组报错的问题。 #3472
    • 修复 InputNumber 在设置最小值为负数时,数值变化为 0 时的错误。 #5002
    • 修复 ColorPicker 在 transfer 模式下,有时无法聚焦输入框的问题。 #4826
    • 修复 Modal 的拖拽功能在某些浏览器下无效的问题。 #4903
    • 修复 Drawer 多层嵌套使用时,内层关闭,外层的滚动属性错误的问题。 #4831
    • 修复 Select 动态修改 slot 后,绑定的值未更新 label 的问题。 #4626
    • 修复 Select 浮层有时因 slot 改变而位置发生变化的问题。 #4913
    • 修复 Select 手动赋值后,未触发 Form 验证的问题。 #4910
    • 修复 Menu 在 primary 模式下,样式不正确的问题。
    • 修改 Upload 的 on-form-change 事件派发时机。 #5012
    • 优化 AutoComplete 的输入体验。 #4985
    • 新增阿拉伯语。 @OsamaElzero
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(561.33 KB)
    iview.min.js.gz(126.16 KB)
    iview.min.js.map(1.98 MB)
  • v3.1.5(Nov 9, 2018)

    • Fixed the ColorPicker problem that input could not focus under transfer mode. #4718
    • Fixed the Slider problem with InputNumber, it will throw error when clear the value. #4746
    • Fixed the AutoComplete problem that can not be selected or disappeared when select an item sometimes. #4750
    • Fixed the Table problem that can not use Cell component in Render function. #4258
    • Optimize the Switch style. #4762

    • 修复 ColorPicker 在开启 transfer 时,输入框无法聚焦的问题。 #4718
    • 修复 Slider 在使用数字输入框时,清空数值报错的问题。 #4746
    • 修复 AutoComplete 有时无法选中、选中删除瞬间消失等问题。 #4750
    • 修复 Table 内无法使用单元格组件 Cell 的问题。 #4258
    • 优化 Switch 样式。 #4762
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.51 MB)
    iview.js.map(1.84 MB)
    iview.min.js(557.06 KB)
    iview.min.js.gz(125.38 KB)
    iview.min.js.map(1.97 MB)
  • v3.1.4(Oct 30, 2018)

    • Tree add new method getCheckedAndIndeterminateNodes to get the selected and half-selected nodes. #4664
    • Fixed the Time problem that the calculation time is not accurate sometimes. #4651
    • Add Finnish. @lahdekorpi

    • Tree 新增选中及半选节点的方法 getCheckedAndIndeterminateNodes。 #4664
    • 修复 Time 组件有时计算时间不准确的 bug。#4651
    • 新增芬兰语。 @lahdekorpi
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.86 MB)
    iview.min.js(572.83 KB)
    iview.min.js.gz(128.78 KB)
    iview.min.js.map(2.01 MB)
  • v3.1.3(Sep 30, 2018)

    • The Time component supports internationalization. #4317
    • Table add new event @on-select-all-cancel. #2586
    • Optimize the performance of Cascader at trigger="hover". #4472
    • When the total property of the Page component is modified to 0, the current page is set to 1. #4460
    • Fixed the Select problem in filterable mode, it will display a complete list when matching a search item. #4273
    • Fixed the Select problem in filterable and multiple mode when set data dynamically. #4575
    • Fixed the Select problem in filterable mode with OptionGroup components. #4371
    • Fixed the Table problem when set height property, when open the expanded column, the scrollbar is wrong. #4219
    • Fixed the Carousel problem that dynamically setting height. #4324

    • Time 组件支持国际化。 #4317
    • Table 新增取消全选事件 @on-select-all-cancel。 #2586
    • 优化 Cascader 在 trigger="hover" 时的表现。 #4472
    • Page 组件的 total 动态修改为 0 时,当前页置为 1。 #4460
    • 修复 Select 在 filterable 模式下,完整匹配搜索词时显示完整列表的问题。 #4273
    • 修复 Select 在 filterable 且 multiple 模式下,动态设置数据出错的问题。 #4575
    • 修复 Select 在 filterable 模式下,使用 OptionGroup 搜索出错的问题。 #4371
    • 修复 Table 在固定高度时,配置可展开列无法动态计算滚动条的问题。 #4219
    • 修复 Carousel 动态设置 height 出错的问题。 #4324
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.86 MB)
    iview.min.js(572.60 KB)
    iview.min.js.gz(128.76 KB)
    iview.min.js.map(2.01 MB)
  • v3.1.2(Sep 25, 2018)

    • Fixed the problem that DatePicker will throw error in split-panels mode. #4524
    • Fixed the problem that DatePicker's panel will open when click the clear icon.
    • Fixed the problem that DatePicker change the month, the left month was larger than the right. #3973
    • Fixed the problem that FormItem could not be verified when using the required property. #4537

    • 修复 DatePicker 在 split-panels 模式下,有时报错的问题。 #4524
    • 修复 DatePicker 点击清空图标时,弹出选择器的问题。
    • 修复 DatePicker 切换月份时,左边月份比右边大的问题。 #3973
    • 修复 FormItem 使用 required 属性时,无法校验的问题。 #4537
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(571.93 KB)
    iview.min.js.gz(128.59 KB)
    iview.min.js.map(2.01 MB)
  • v3.1.1(Sep 18, 2018)

    • Fixed some issues on supporting TypeScript. #4447 #4449 #4490
    • Fixed the problem that TimePicker throw error under version 3.1.0. #4473
    • Fixed the problem that Modal's mask has now z-index. #4439
    • Fixed the problem that using some components with transfer property in Modal, the layer is wrong. https://github.com/iview/iview/commit/7bafe9d94c839ab811be044b4295ebb0661ab4ea https://github.com/iview/iview/commit/7bafe9d94c839ab811be044b4295ebb0661ab4ea
    • Fixed the problem that ColorPicker not import Button component. #4483
    • Fixed the problem that InputNumber not emit event to Form when blur. #4536
    • Add Traditional Mongolian. @XuYS

    • 修复支持 TypeScript 的一些问题。 #4447 #4449 #4490
    • 修复 3.1.0 版本下,TimePicker 报错的问题。 #4473
    • 修复 3.1.0 版本下,Modal 的遮罩层没有 z-index 的问题。 #4439
    • 修复 3.1.0 版本下,Modal 内使用其它开启 transfer 属性的组件后,层级错乱的问题。 https://github.com/iview/iview/commit/7bafe9d94c839ab811be044b4295ebb0661ab4ea
    • 修复 ColorPicker 未导入 Button 的问题。 #4483
    • 修复 InputNumber 失焦时没有触发 Form 校验的问题。 #4536
    • 新增传统蒙古语。 @XuYS
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(571.75 KB)
    iview.min.js.gz(128.54 KB)
    iview.min.js.map(2.01 MB)
  • v3.1.1-rc.1(Sep 14, 2018)

    • Fixed some issues on supporting TypeScript. #4447 #4449 #4490
    • Fixed the problem that TimePicker throw error under version 3.1.0. #4473
    • Fixed the problem that Modal's mask has now z-index. #4439
    • Fixed the problem that using some components with transfer property in Modal, the layer is wrong. https://github.com/iview/iview/commit/7bafe9d94c839ab811be044b4295ebb0661ab4ea https://github.com/iview/iview/commit/7bafe9d94c839ab811be044b4295ebb0661ab4ea
    • Fixed the problem that ColorPicker not import Button component. #4483
    Source code(tar.gz)
    Source code(zip)
  • v3.1.0(Sep 4, 2018)

    • Supports TypeScript. #4406
    • Add Vue CLI 3 plugin. vue-cli-plugin-iview
    • The documentation adds Nuxt.js usage. View
    • The document update Quick Start section. View
    • Add new component Drawer. #4352
    • ColorPicker add new property editable, support for input color values. #4353
    • Tabs add new property beforeRemove, return Promise to interrupt close.
    • InputNumber add new property active-change, when set to false, the data will only be changed when blur. #4315
    • Modal add new property z-index.
    • Modal's ESC button will now only close the topmost modal box, and when clicked on a Modal area, it will be placed at the top level.
    • Fixed bug that DatePicker's pane is wrong sometimes. #3773
    • Fixed bug that DatePicker can not use disabled. #4351
    • Fixed bug that Select's style is wrong under version 3.0.1 #4329
    • When MenuItem sets target="_blank", clicking the menu no longer highlights the current item.

    Special thanks to @yangdan8


    • 支持 TypeScript。#4406
    • 增加 Vue CLI 3 插件。vue-cli-plugin-iview
    • 文档增加 Nuxt.js 用法。查看
    • 文档更新快速上手章节。查看
    • 新增抽屉组件 Drawer。#4352
    • ColorPicker 新增属性 editable,支持输入色值。#4353
    • Tabs 新增属性 beforeRemove,返回 Promise 可中断关闭。
    • InputNumber 新增属性 active-change,设置为 false 时,只会在失焦时更改数据。#4315
    • Modal 新增属性 z-index
    • Modal 的 ESC 按键,现在只会关闭最顶层的模态框,当点击某个 Modal 区域时,它将置为最顶层。
    • 修复 DatePicker 在某些日期下,面板联动错误的 bug。#3773
    • 修复 DatePicker 无法使用 disabled 属性的 bug。#4351
    • 修复 Select 开启 transfer 属性后,在 3.0.1 版本下有时样式错误的 bug。#4329
    • MenuItem 设置 target="_blank" 时,点击菜单不再高亮当前项。

    特别感谢 @yangdan8

    Source code(tar.gz)
    Source code(zip)
    iview.js(1.52 MB)
    iview.js.map(1.85 MB)
    iview.min.js(570.31 KB)
    iview.min.js.gz(128.17 KB)
    iview.min.js.map(2.00 MB)
  • v3.0.1(Aug 22, 2018)

    • Select add new placement: top-start, bottom-start, top-end, bottom-end, and change the default value to bottom-start.
    • Fixed bug when importing iView on demand in 3.0 version. #4165
    • Fixed bug that DatePicker selected on a partial time zone. #4250
    • Fixed bug that the shortcuts of DatePicker format error. #4127
    • Fixed bug that DatePicker with multiple mode, cross-month selection will relocate to the first date location. #4249
    • Fixed bug when Select Option is too long, the style is wrong. #4194
    • Fixed bug that Select can use clearable in disabled mode. #3924
    • Fixed bug that FormItem dynamic setting rules sometimes does not work. #4214
    • Fixed bug that FormItem could not set label-width to 0.
    • Fixed bug that RadioGroup can't manually set data sometimes. #4114
    • Fixed bug that Input with number mode, when delete the value, it will be set to 0. #4048
    • Fixed bug when Tabs remove a tab, it will not display the correct label content sometimes. #4052
    • Optimize Transfer that you can only select all search result items. #4151
    • Optimize the style of the Tree. #4162
    • Progress add component name. #4036

    • Select 的 placement 属性,新增值 top-start, bottom-start, top-end, bottom-end,并将默认值修改为 bottom-start
    • 修复 3.0 按需使用时,报错的 bug。#4165
    • 修复 DatePicker 在部分时区下选择后错误的 bug。#4250
    • 修复 DatePicker 的 shortcuts 功能自定义格式出错的 bug。#4127
    • 修复 DatePicker 在 multiple 模式下,跨月选择会重新定位到第一个日期位置的 bug。#4249
    • 修复 Select 的 Option 过长,样式错误的 bug。#4194
    • 修复 Select 在 disabled 模式下,clearable 仍然能使用的 bug。#3924
    • 修复 FormItem 动态设置 rules 有时不生效的 bug。#4214
    • 修复 FormItem 无法给 label-width 设置为 0 的 bug。
    • 修复 RadioGroup 有时无法手动设置数据的 bug。#4114
    • 修复 Input 在 number 模式下,删除清空后,值会置为 0 的 bug。#4048
    • 修复 Tabs 移除标签页时,有时无法显示正确的标签内容的 bug。#4052
    • 优化 Transfer 在搜索时,只能全选搜索结果项。#4151
    • 优化 Tree 的样式。#4162
    • Progress 增加 name。#4036
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.50 MB)
    iview.js.map(1.83 MB)
    iview.min.js(564.13 KB)
    iview.min.js.gz(126.55 KB)
    iview.min.js.map(1.98 MB)
  • untagged-a6dab4e0d5abb4754570(Jul 28, 2018)

    New Components

    • Add new component Time. #3645 View
    • Add new component Anchor. #3369 View
    • Add new component Split. #3844 View
    • Add new component Divider. #3275 View
    • Add new component Cell. View

    UI

    • Optimize the Collapse component style to look cleaner and fresher.
    • Optimize the Switch component style and make the dimensions more coordinated.
    • Optimize the Page component for a more concise style.
    • Optimize the Poptip / Tooltip components styles and the arrows are clearer.
    • Optimized the Tag component style and added a variety of preset colors.
    • Optimize the Alert component style, color and icons are more intuitive.
    • Optimize the Message / Notice components style to look cleaner and fresher.
    • Optimize the Modal and $Modal components style to look more coordinated.
    • Optimize the Menu style.
    • Optimize the Select style.
    • The default color of the Circle and Progress components is changed to the primary color, keeping the color uniform.

    New Features

    Global Settings

    When using iView, you can make some properties of the global configuration component, for example:

    Vue.use(iView, {
        transfer: true,
        size: 'large'
    });
    

    Currently only supports the transfer and size properties. The component will use the properties set by prop first, and if not, then use the global configuration.

    Icon:

    • Upgrade to the ionicons 3.0 icon.
    • Add new property custom, now you can customize the icons. #3568

    Button:

    • Add new property custom-icon, now you can customize the icons of button.
    • Add new properties to, replace, target, support click to jump directly.
    • Add new property ghost, the button background can be made transparent and is often used on colored backgrounds.

    Input:

    • Add new properties prefix and suffix , and the same named slot, support for setting the prefix and suffix icon.
    • Add new properties search and enterButton, support for input types of search boxes.
    • Add new event @on-search, when using the search type, trigger when you click search button or press the Enter key.

    Modal:

    • Add new property fullscreen.
    • Add hidden mask layer property mask.
    • Add new property draggable.

    Table:

    • Column add new property indexMethod, you can customize the index when use type="index" .
    • Column add new property tooltip, if open it, when the cell text exceeds one line, it will be displayed in ... and the full content will be displayed in the Tooltip.

    Menu:

    • Add new properties to, replace, and target, support click to jump directly.

    Breadcrumb:

    • Add new property target.

    Badge:

    • Add new property show-zero. #3654
    • Add new property text, now you can customize the content of Badge.
    • Add new property status, the Badge can be set to a status point.
    • Add new property offset, you can set the position.
    • Add the property type, the preset color can be set.

    Page:

    • Add new property prev-text and next-text, you can customize the copy of the upper and lower pages.

    Upload:

    • Add new property paste, after opening, you can upload files copied to the clipboard.

    Tooltip:

    • Add new property theme, you can set either dark (default) or light.
    • Add new property max-width, when the maximum value is exceeded, the text will automatically wrap and be aligned.

    Poptip:

    • Add new property word-wrap, when turned on, text that exceeds the specified width will automatically wrap and be aligned.
    • Add new property padding, you can customize the spacing value.

    Rate:

    • Add new property character, icon and custom-icon, support for custom characters or icons.

    Collapse:

    • Add new property hide-arrow, you can hide the arrows.
    • Add new property simple, can be displayed as a clean mode without borders.

    Switch:

    • Add new property loading, it can be said that the switch is still being executed.

    Tag:

    • There are 13 new presets added to the color property.

    Dropdown:

    • Trigger mode trigger add contextMenu, which can be triggered by right clicking.

    Circle:

    • Add new property dashboard.

    Progress:

    • Added the segmentation progress property success-percent.

    Avatar:

    • Add custom icon property custom-icon.

    Optimizations

    Breadcrumb:

    Page:

    • Optimize the logic for fast forward and fast backwards. #3965

    Table:

    • Checkbox is centered when type="selection".

    Others

    • Add Mongolian. @Ariunbold13

    Bug Fix

    • Fixed a bug where the active animation was not oriented correctly when Progress was vertical.
    • Fixed a bug where Carousel does not use v-model when clicking on the indicator and the indicator is not updated.
    • Fixed a bug that Carouse loop is invalid.

    Breaking Changes

    • Button discards type ghost, the original default style has changed.
    • The Icon is upgraded to the ionicons 3.0, icon and the icon's name has changed.
    • Breadcrumb discards the href property.
    • Badge's count property only supports the Number type.
    • The color property of Tag renames the original blur, green, yellow, red to primary, success, warning, error.

    新增组件

    UI

    • 优化 Collapse 组件样式,看起来更简洁、清新。
    • 优化 Switch 组件样式,尺寸更协调了。
    • 优化 Page 组件样式,风格更简洁。
    • 优化 Poptip / Tooltip 组件样式,箭头更清晰了。
    • 优化了 Tag 组件样式,增加多种预设的颜色。
    • 优化 Alert 组件样式,配色和图标更直观好看了。
    • 优化 Message / Notice 组件样式,看起来更简洁、清新。
    • 优化 Modal、$Modal 样式,看起来更协调了。
    • 优化 Menu 样式。
    • 优化 Select 样式。
    • Circle 和 Progress 组件的默认色改为了主色,保持配色统一。

    新特性

    全局配置

    使用 iView 时,可以进行全局配置组件的一些属性,例如:

    Vue.use(iView, {
        transfer: true,
        size: 'large'
    });
    

    目前只支持配置 transfersize 两个属性。组件会优先使用 prop 设置的属性,如果未设置,再使用全局配置。

    Icon 图标:

    • 升级至 ionicons 3.0 图标。
    • 新增属性 custom,支持自定义图标。#3568

    Button 按钮:

    • 新增属性 custom-icon,支持自定义图标。
    • 新增属性 toreplacetarget,支持点击直接跳转。
    • 新增幽灵属性 ghost,可以使按钮背景透明,常用于有色背景上。

    Input 输入框:

    • 新增属性 prefixsuffix 以及同名 slot,支持设置前缀和后缀图标。
    • 新增属性 searchenterButton,支持搜索类型的输入框。
    • 新增事件 @on-search,使用搜索类型输入框时,点击搜索或按下回车键时触发。

    Modal 对话框:

    • 新增全屏属性 fullscreen
    • 新增隐藏遮罩层属性 mask
    • 新增拖拽属性 draggable

    Table 表格:

    • Column 新增属性 indexMethod, 可以自定义 type="index" 时的序号。
    • Column 新增属性 tooltip,开启后,当单元格文本超过一行,会以…显示,并在 Tooltip 中显示完整内容。

    Menu 菜单:

    • 新增属性 toreplacetarget,支持点击直接跳转。

    Breadcrumb 面包屑:

    • 新增属性 target

    Badge 徽章:

    • 新增属性 show-zero。#3654
    • 新增属性 text,可以自定义内容。
    • 新增属性 status,可以设置徽标为状态点。
    • 新增属性 offset,可以设置偏移量。
    • 新增属性 type,可以设置预设的颜色。

    Page 分页:

    • 新增属性 prev-textnext-text,可以自定义上下页的文案。

    Upload 上传:

    • 新增属性 paste,开启后可以上传复制在剪贴板的文件。

    Tooltip 文字提示:

    • 新增属性 theme,可以设置 dark(默认)或 light 两种主题。
    • 新增属性 max-width,超出最大值后,文本将自动换行,并两端对齐。

    Poptip 气泡提示:

    • 新增属性 word-wrap,开启后,超出指定宽度文本将自动换行,并两端对齐。
    • 新增属性 padding,可以自定义间距值。

    Rate 评分:

    • 新增属性 charactericoncustom-icon,支持自定义字符或图标。

    Collapse 折叠面板:

    • 新增属性 hide-arrow,可以隐藏箭头。
    • 新增属性 simple,可以显示为无边框的简洁模式。

    Switch 开关:

    • 新增属性 loading,可表示开关仍在执行中。

    Tag 标签:

    • color 属性新增了 13 种预设。

    Dropdown 下拉菜单:

    • 触发方式 trigger 新增 contextMenu,可以通过点击右键触发。

    Circle 进度环:

    • 新增仪表盘属性 dashboard

    Progress 进度条:

    • 新增分段进度属性 success-percent

    Avatar 头像:

    • 新增自定义图标属性 custom-icon

    优化

    Breadcrumb 面包屑:

    • 在链接上会显示 a 标签的 href 值。

    Page 分页:

    • 优化快进和快退的逻辑。#3965

    Table 表格:

    • 优化 type="selection" 时,Checkbox 为居中。

    其它

    • 新增蒙古语。@Ariunbold13

    修复

    • 修复 Progress 纵向时,active 动画方向不正确的 bug。
    • 修复 Carousel 未使用 v-model 时,点击指示器,指示器不更新的 bug。
    • 修复 Carousel 设置 loop 无效的 bug。

    不兼容更新

    • Button 废弃 type ghost,原先的 default 样式有改变。
    • Icon 的图标升级至 ionicons 3.0 图标,图标名称有改变。
    • Breadcrumb 废弃 href 属性。
    • Badge 的 count 属性只支持 Number 类型。
    • Tag 的 color 属性将原先的 blurgreenyellowred 更名为了 primarysuccesswarningerror
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.50 MB)
    iview.js.map(1.83 MB)
    iview.min.js(563.02 KB)
    iview.min.js.gz(126.35 KB)
    iview.min.js.map(1.98 MB)
  • v2.14.3(Jun 20, 2018)

  • v2.14.2(Jun 8, 2018)

    • Fixed bug that Select can't display the selected item when the Option is set asynchronously. #3722
    • Fixed bug that Select can't display the selected item when set the value asynchronously. #3795
    • Fixed bug that Select can't display the label and throw errors in filterable and remote mode. #3817
    • Fixed bug that Select show incorrect dropdown list when set the value asynchronously in filterable mode. #3836
    • Fixed bug that DatePicker throw errors in confirm mode. #3769
    • Fixed bug that DatePicker show incorrect right panel in range type sometimes. #3773
    • Fixed bug about Menu in accordion mode sometimes. #3803
    • Optimize the logic for Modal mask clicks. #3792

    • 修复 Select 在异步设置 Option 时,无法显示选中项的 bug。#3722
    • 修复 Select 在异步赋值时,无法显示选中项的 bug。#3795
    • 修复 Select 在 filterable 且 remote 模式下,设置 label 不显示及报错的 bug。#3817
    • 修复 Select 在 filterable 模式下,异步赋值,下拉列表不正确的 bug。#3836
    • 修复 DatePicker 在 confirm 模式下报错的 bug。#3769
    • 修复 DatePicker 在 range 模式下,有时右侧面板日期不正确的 bug。#3773
    • 修复 Menu 在 accordion 模式下,有时出错的 bug。#3803
    • 优化 Modal 遮罩层点击的逻辑。#3792
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.41 MB)
    iview.js.map(1.71 MB)
    iview.min.js(526.35 KB)
    iview.min.js.gz(119.43 KB)
    iview.min.js.map(1.86 MB)
  • v2.14.1(Jun 1, 2018)

    • Fixed bug that not available under SSR mode in the 2.14.0 version. #3740
    • Fixed bug that Select can not bind the number 0 in the 2.14.0 version. #3696
    • Fixed bug that Select will show undefined sometimes in the 2.14.0 version. #3705
    • Fixed bug that Select will trigger @on-change event at initialization in the 2.14.0 version. #3725
    • Fixed bug that Select show incorrect label in the 2.14.0 version. #3728 #3742
    • Fixed bug that Select can not show correct options when clear selected item under filterable and clearable mode in the 2.14.0 version. #3746
    • Fixed bug that Select can not use under transfer mode in the 2.14.0 version. #3695
    • Fixed bug that Select can not use in mobile phone in the 2.14.0 version. #3741
    • Fixed bug that Select can not bind an Object in the 2.14.0 version. #3737
    • Fixed bug that AutoComplete can not hide drop panel sometimes in the 2.14.0 version. #3709
    • Fixed bug that form components in Tabs will be focused automatically, unless open the property capture-focus. #3732
    • Fixed bug that transverse Menu's Submenu show incorrect position. #3733

    • 修复 2.14.0 版本中,在 SSR 中无法使用的 bug。#3740
    • 修复 2.14.0 版本中,Select 无法绑定数字 0 的 bug。#3696
    • 修复 2.14.0 版本中,Select 有时会显示 undefined 的 bug。#3705
    • 修复 2.14.0 版本中,Select 初次渲染会触发 @on-change 事件的 bug。#3725
    • 修复 2.14.0 版本中,Select 显示 label 不正确的 bug。#3728 #3742
    • 修复 2.14.0 版本中,Select 在 filterable 且 clearable 模式下,清空列表未还原的 bug。#3746
    • 修复 2.14.0 版本中,Select 在开启 transfer 时无法使用的 bug。#3695
    • 修复 2.14.0 版本中,Select 无法在移动设备使用的 bug。#3741
    • 修复 2.14.0 版本中,Select 无法绑定值为对象的 bug。#3737
    • 修复 2.14.0 版本中,AutoComplete 有时无法正常收起的 bug。#3709
    • 修复 2.14.0 版本中,Tabs 内的表单控件不会自动获得焦点,除非开启属性 capture-focus。#3732
    • 修复 2.14.0 版本中,横向 Menu 有时展开子菜单错位的 bug。#3733
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.41 MB)
    iview.js.map(1.71 MB)
    iview.min.js(525.47 KB)
    iview.min.js.gz(119.30 KB)
    iview.min.js.map(1.86 MB)
  • v2.14.0(May 24, 2018)

    • Refactor the Select component, fully supports keyboard accessibility and fixes several issues. #3157 #1647 #3574
    • DatePicker supports keyboard accessibility. #3643 #1647
    • ColorPicker supports keyboard accessibility. #3662 #1647
    • Tabs supports keyboard accessibility. #3642 #1647
    • TabPane changed display: none to visibility: hidden. #3652
    • ColorPicker add new property disabled. #3662
    • Select add new events @on-clear and @on-open-change. #3579
    • Rate add new property clearable. #3487
    • ColorPicker add new event @on-open-change. #3540
    • AutoComplete add new event @on-focus and @on-blur. #3565
    • Icon add new event @click. #3621
    • Menu In accordion mode, when the parent menu is closed, its submenus are closed too. #3617
    • Optimize the popper.js configuration. https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
    • Fixed the bug that Slider can't drag sometimes. #3468
    • Fixed nested Row gutter bug. #3596
    • Fixed DatePicker style bug when type="datetimerange" and open show-week-numbers. #3629
    • Fixed DatePicker bug that uses v-model in multiple mode. #3675
    • Fixed RadioGroup bug that cannot use value directly. #3498
    • Fixed bug that RadioGroup doesn't center content sometimes. #3586
    • Fixed bug that $Spin calls the .hide() method directly. #3535
    • Fixed bug that AutoComplete event @on-change called only once. #3486
    • Fixed bug that AutoComplete can not scroll when the content is too long. #3590
    • Fixed Notice bug that class name is wrong. #3551
    • Fixed bug of Menu that @on-open-change event return wrong value. #3575
    • Fixed bug of InputNumber when set precision property and clear value. #3676
    • Add Czech. @ajkl2533

    • 重构 Select 组件,完全支持键盘可访问性,并修复若干问题。#3157 #1647 #3574
    • DatePicker 组件增强键盘的可访问性。#3643 #1647
    • ColorPicker 组件增强键盘的可访问性。#3662 #1647
    • Tabs 组件增强键盘的可访问性。#3554 #1647
    • TabPane 将 display: none 改为了 visibility: hidden。#3652
    • ColorPicker 新增属性 disabled。#3662
    • Rate 新增属性 clearable。#3487
    • Select 新增事件 @on-clear@on-open-change。#3579
    • ColorPicker 新增事件 @on-open-change。#3540
    • AutoComplete 新增事件 @on-focus@on-blur。#3565
    • Icon 新增事件 @click。#3621
    • Menu 在手风琴模式下,关闭父菜单,其子菜单也会关闭。#3617
    • 优化 popper.js 的配置。https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
    • 修复 Slider 有时无法拖拽的 bug。#3468
    • 修复 Grid 嵌套多层 Row 时,gutter 受父级影响的问题。#3596
    • 修复 DatePicker 在 type="datetimerange" 且开启 show-week-numbers 时,错位的 bug。#3629
    • 修复 DatePicker 在 multiple 模式下,使用 v-model 报错的 bug。#3675
    • 修复 RadioGroup 无法直接使用 value 的 bug。#3498
    • 修复 RadioGroup 有时内容不居中的问题。#3586
    • 修复 $Spin 直接调用 .hide() 方法,有时报错的 bug。#3535
    • 修复 AutoComplete 事件 @on-change 只触发一次的 bug。#3486
    • 修复 AutoComplete 内容溢出,点击横向滚动条时,关闭弹层的 bug。#3590
    • 修复 Notice 类名错误的 bug。#3551
    • 修复 Menu 事件 @on-open-change 返回值不正确的 bug。#3575
    • 修复 InputNumber 设置 precision 时,清空数据报错的 bug。#3676
    • 新增捷克语。@ajkl2533
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.41 MB)
    iview.js.map(1.71 MB)
    iview.min.js(514.32 KB)
    iview.min.js.gz(116.71 KB)
    iview.min.js.map(1.85 MB)
  • v2.14.0-rc.5(May 24, 2018)

  • v2.14.0-rc.4(May 22, 2018)

    • Refactor the Select component, fully supports keyboard accessibility and fixes several issues. #3157 #1647 #3574
    • DatePicker supports keyboard accessibility. #3643 #1647
    • ColorPicker supports keyboard accessibility. #3662 #1647
    • Tabs supports keyboard accessibility. #3642 #1647
    • TabPane changed display: none to visibility: hidden. #3652
    • ColorPicker add new property disabled. #3662
    • Select add new events @on-clear and @on-open-change. #3579
    • Rate add new property clearable. #3487
    • ColorPicker add new event @on-open-change. #3540
    • AutoComplete add new event @on-focus and @on-blur. #3565
    • Icon add new event @click. #3621
    • Menu In accordion mode, when the parent menu is closed, its submenus are closed too. #3617
    • Optimize the popper.js configuration. https://github.com/iview/iview/commit/354254b414127554bb956df9bd8bb0e91eabcedb
    • Fixed the bug that Slider can't drag sometimes. #3468
    • Fixed nested Row gutter bug. #3596
    • Fixed DatePicker style bug when type="datetimerange" and open show-week-numbers. #3629
    • Fixed RadioGroup bug that cannot use value directly. #3498
    • Fixed bug that RadioGroup doesn't center content sometimes. #3586
    • Fixed bug that $Spin calls the .hide() method directly. #3535
    • Fixed bug that AutoComplete event @on-change called only once. #3486
    • Fixed bug that AutoComplete can not scroll when the content is too long. #3590
    • Fixed Notice bug that class name is wrong. #3551
    • Fixed bug of Menu that @on-open-change event return wrong value. #3575
    • Add Czech. @ajkl2533
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.41 MB)
    iview.js.map(1.71 MB)
    iview.min.js(513.98 KB)
    iview.min.js.gz(116.65 KB)
    iview.min.js.map(1.84 MB)
  • v2.13.1(Apr 23, 2018)

    • Tag add new property fade.
    • InputNumber add new property placeholder. #3424
    • InputNumber add new event on-focus and return event. #3395
    • DatePicker event on-change will return a new value type. #3353
    • Optimize the configuration of popper.js and expand animation of dropdown. #3354
    • Fixed Table bug dynamically adjusts the page width, and the scroll bar shows the wrong sometimes. #3358
    • Fixed inaccurate bug in position when Poptip / Tooltip modified content dynamically. #3412
    • Fixed issue where clicking a button would jump when using Carousel inside a Form. #3426

    • Tag 新增属性 fade
    • InputNumber 新增属性 placeholder。#3424
    • InputNumber 的事件 on-focus 增加返回值 event。#3395
    • DatePicker 的事件 on-change 增加返回值 type。#3353
    • 优化 popper.js 的配置及 dropdown 的展开动画。#3354
    • 修复 Table 在动态调整页面宽度,有时滚动条显示错误的 bug。#3358
    • 修复 Poptip / Tooltip 动态修改内容后,位置计算不准确的 bug。#3412
    • 修复在 Form 内使用 Carousel 时,点击按钮会跳转的问题。#3426
    Source code(tar.gz)
    Source code(zip)
    iview.js(1.33 MB)
    iview.js.map(1.57 MB)
    iview.min.js(486.83 KB)
    iview.min.js.gz(109.71 KB)
    iview.min.js.map(3.26 MB)
Owner
iView
UI Components with Vue.js
iView
A Vue.js 2.0 UI Toolkit for Web

A Vue.js 2.0 UI Toolkit for Web. Element will stay with Vue 2.x For Vue 3.0, we recommend using Element Plus from the same team Links Homepage and doc

饿了么前端 53k Jan 3, 2023
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

English | 简体中文 | 日本語 | Spanish SPONSORED BY 活动服务销售平台 客户消息直达工作群 Introduction vue-element-admin is a production-ready front-end solution for admin inter

花裤衩 80.1k Dec 31, 2022
:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

vuera NOTE: This project is looking for a maintainer! Use Vue components in your React app: import React from 'react' import MyVueComponent from './My

Aleksandr Komarov 4k Dec 30, 2022
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
Jenesius vue modal is simple library for Vue 3 only

Jenesius Vue Modal Jenesius vue modal is simple library for Vue 3 only . Site Documentation Installation npm i jenesius-vue-modal For add modals in yo

Архипцев Евгений 63 Dec 30, 2022
A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Marc Duiker 6 Jun 25, 2022
Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.

Mosha Vue Toastify A lightweight and fun Vue 3 toast or notification or snack bar or however you wanna call it library. English | 简体中文 Talk is cheap,

Baidi Liu 187 Jan 2, 2023
A plugin that can help you create project friendly with Vue for @vue/cli 4.5

vue-cli-plugin-patch A plugin that can help you create project friendly with Vue for @vue/cli 4.5. Install First you need to install @vue/cli globally

null 2 Jan 6, 2022
Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib

Alan Morel 10 Oct 7, 2022
💖 Toolkit for generating sponsors images 😄

SponsorKit Toolkit for generating sponsors images. Usage Create .env file with: ; Token requires the `read:user` and `read:org` scopes. SPONSORKIT_GIT

Anthony Fu 395 Jan 2, 2023
Lightweight Mobile UI Components built on Vue

Vant Mobile UI Components built on Vue ?? 文档网站(国内) ?? 文档网站(GitHub) ???? 中文版介绍 Features 65+ Reusable components 1kb Component average size (min+gzip) 9

有赞 20.7k Dec 31, 2022
A hackable slideshow framework built with Vue.js

Eagle.js - A slideshow framework for hackers Slideshow system built on top of the Vue.js Supports animations, themes, interactive widgets (for web dem

null 4.1k Dec 28, 2022
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless

Ingram Projects 2.1k Jan 2, 2023
Admin dashboard template built with tailwindcss & vue-jsx.

K UI Admin Dashboard Template (Vue 3 & JSX) ⚠️ This template is not finished yet and still in design phase. We are building it in public. Live preview

Kamona-UI 4 Aug 14, 2022
Quasar Framework - Build high-performance VueJS user interfaces in record time

Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid

Quasar Framework 22.7k Jan 9, 2023
Loads items in lazy way to achieve high performance and better UX in large lists

Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend

OMER ANWAR 22 Dec 26, 2022
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.9k Jan 9, 2023
The Intuitive Vue Framework

Build your next Vue.js application with confidence using Nuxt: a framework making web development simple and powerful. Links ?? Documentation: https:/

Nuxt 41.8k Jan 5, 2023
🐉 Material Component Framework for Vue

Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t

vuetify 36.2k Jan 3, 2023