# bh-iview

> A high quality UI components Library with Vue.js

Latest version **2.3.1** (published 2019-04-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install bh-iview
pnpm add bh-iview
yarn add bh-iview
bun add bh-iview
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score; popular repo.

Warnings: low downloads; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.3.1 |
| Published | 2019-04-22 |
| First published | 2018-04-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=8.9.1 |
| Dependencies | 9 |
| Unpacked size | 12.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 23757 |
| Author | Aresn |
| Maintainers | wisedu |
| Keywords | iview, vue, vue.js, component, components, ui, framework |

## Links

- npm: https://www.npmjs.com/package/bh-iview
- Repository: https://github.com/iview/iview
- Homepage: http://www.iviewui.com
- Issues: https://github.com/iview/iview/issues
- npm.io page: https://npm.io/package/bh-iview

## Dependencies (9)

- [natives](https://npm.io/package/natives.md) ^1.1.6
- [deepmerge](https://npm.io/package/deepmerge.md) ^2.1.0
- [popper.js](https://npm.io/package/popper.js.md) ^1.14.1
- [tinycolor2](https://npm.io/package/tinycolor2.md) ^1.4.1
- [js-calendar](https://npm.io/package/js-calendar.md) ^1.2.3
- [async-validator](https://npm.io/package/async-validator.md) ^1.8.2
- [lodash.throttle](https://npm.io/package/lodash.throttle.md) ^4.1.1
- [v-click-outside-x](https://npm.io/package/v-click-outside-x.md) ^3.5.0
- [element-resize-detector](https://npm.io/package/element-resize-detector.md) ^1.1.14

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 2.3.1 (latest) — 2019-04-22
- 2.3.0 — 2018-12-22
- 2.1.0 — 2018-09-28
- 2.0.5 — 2018-09-12
- 2.0.4 — 2018-09-12
- 2.0.3 — 2018-09-12
- 2.0.1 — 2018-08-28
- 2.0.0 — 2018-08-27
- 1.3.1 — 2018-07-18
- 1.3.0 — 2018-06-21
- 1.2.2 — 2018-06-07
- 1.2.1 — 2018-06-07
- 1.2.0 — 2018-06-07
- 1.0.1 — 2018-04-23
- 1.0.0 — 2018-04-23

## README

<p align="center">
    <a href="https://www.iviewui.com">
        <img width="200" src="https://file.iviewui.com/logo-new.svg">
    </a>
</p>

<h1>
iView
    <h3>A high quality UI Toolkit built on Vue.js.</h3>
</h1>

[![](https://img.shields.io/travis/iview/iview.svg?style=flat-square)](https://travis-ci.org/iview/iview)
[![iView](https://img.shields.io/npm/v/iview.svg?style=flat-square)](https://www.npmjs.org/package/iview)
[![NPM downloads](http://img.shields.io/npm/dm/iview.svg?style=flat-square)](https://npmjs.org/package/iview)
[![NPM downloads](https://img.shields.io/npm/dt/iview.svg?style=flat-square)](https://npmjs.org/package/iview)
![JS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/iview.min.js?compression=gzip&label=gzip%20size:%20JS&style=flat-square)
![CSS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/styles/iview.css?compression=gzip&label=gzip%20size:%20CSS&style=flat-square)
[![Join the chat at https://gitter.im/iview/iview](https://img.shields.io/badge/chat-on_gitter-30b392.svg?style=flat-square)](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Backers on Open Collective](https://opencollective.com/iview/backers/badge.svg)](#backers)
[![Sponsors on Open Collective](https://opencollective.com/iview/sponsors/badge.svg)](#sponsors) 


<h2 align="center">Special Sponsors</h2>
<table>
      <tbody>
        <tr>
          <td align="center" valign="middle">
            <a href="https://segmentfault.com/ls/1650000016424063" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-iview-live2.png">
            </a>
          </td>
          <td align="center" valign="middle">
            <a href="https://juejin.im/welcome/frontend?utm_source=iview&utm_medium=banner&utm_content=huoyue&utm_campaign=q4_website" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-juejin3.png">
            </a>
          </td>
          <td align="center" valign="middle">
            <a href="https://studio.qcloud.coding.net/campaign/favorite-plugins/index?utm_source=iview" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-coding.png">
            </a>
          </td>
        </tr>
        <tr>
          <td align="center" valign="middle">
            <a href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-u-new-2.png">
            </a>
          </td>
          <td align="center" valign="middle">
            <a href="https://www.vaptcha.com/?from=iview" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-vaptcha2.jpg">
            </a>
          </td>
          <td align="center" valign="middle">
            <a href="https://www.accesshub.cn/" target="_blank">
              <img width="300" src="https://file.iviewui.com/asd/asd-accesshub.jpg">
            </a>
          </td>
        </tr>
      </tbody>
</table>

> If you'd like be a sponsor, to show your ads in GitHub and iView doc, please email admin@aresn.com to get more infomation.
> 
> (如果您想成为赞助商，在 GitHub 和 iView 文档展示您的广告，请邮件咨询 admin@aresn.com)
>
> (如果您有任何关于 iView 或 Vue.js 相关的问题，欢迎到 iView 社区提问 https://dev.iviewui.com/issues )

## Docs

**[3.x](https://www.iviewui.com)** | [2.x](http://v2.iviewui.com) | [1.x](http://v1.iviewui.com)

## 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

- [TalkingData 腾云天下](http://www.talkingdata.com/)
- [Alibaba 阿里巴巴](http://www.alibaba.com/)
- [Baidu 百度](https://www.baidu.com/)
- [Tencent 腾讯](https://www.tencent.com/)
- [Toutiao 今日头条](https://www.toutiao.com/)
- [JD 京东](http://www.jd.com/)
- [DiDi 滴滴](http://www.didichuxing.com/)
- [Meituan 美团](http://www.meituan.com/)
- [Sina 新浪](http://www.sina.com.cn/)
- [iFLYTEK 科大讯飞](http://www.iflytek.com/)
- [LY 同程艺龙](https://www.ly.com/)

> If your company or products use iView, welcome to click [here](https://github.com/iview/iview/issues/2143) to leave a message.

## Install

We provide an [iView plugin](https://github.com/iview/vue-cli-plugin-iview) for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit [iview-project](https://github.com/iview/iview-project) for you.

### Install iView

Using npm:
```
npm install iview --save
```

Using a script tag for global use:

```html
<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](https://www.iviewui.com/docs/guide/install-en).

## Usage

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

Using css via `import`:

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

## Compatibility

- Supports Vue.js 2.x
- Supports Vue.js 1.x - [visit 1.0 docs](http://v1.iviewui.com/)
- Supports SSR
- Supports [Nuxt.js](https://nuxtjs.org/)
- Supports TypeScript
- Supports [Electron](http://electron.atom.io/)
- 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](https://gitter.im/iview/iview) or post on [StackOverflow using `[iview-ui]` tag](https://stackoverflow.com/questions/tagged/iview-ui)  
**Bugs:** [File a issue here](https://github.com/iview/iview/issues) - please provide a example so we can help you better  
**Contribute:** Contact us in [Gitter chat](https://gitter.im/iview/iview), WeChat or via mail to `admin@aresn.com`. PRs welcome!

## Major Contributors
|Name|Avatar|Name|Avatar|Name|Avatar|
|---|---|---|---|---|---|
|[Aresn](https://github.com/icarusion) |  ![](https://avatars3.githubusercontent.com/u/5370542?v=3&s=60)  |[jingsam](https://github.com/jingsam) |  ![](https://avatars3.githubusercontent.com/u/1522494?v=3&s=60)  | [rijn](https://github.com/rijn)       |  ![](https://avatars2.githubusercontent.com/u/6976367?v=3&s=60)  |
|[lcx960324](https://github.com/lcx960324)           |  ![](https://avatars3.githubusercontent.com/u/9768245?v=3&s=60)  |[GITleonine1989](https://github.com/GITleonine1989) |  ![](https://avatars1.githubusercontent.com/u/7582490?v=3&s=60)  |[huixisheng](https://github.com/huixisheng)         |  ![](https://avatars1.githubusercontent.com/u/1518967?v=3&s=60)  |
|[Sergio Crisostomo](https://github.com/SergioCrisostomo)           |  ![](https://avatars3.githubusercontent.com/u/5614559?v=3&s=60)  |  [lison16](https://github.com/lison16)           |  ![](https://avatars3.githubusercontent.com/u/20942571?v=3&s=60) |  [Xotic750](https://github.com/Xotic750)    | ![](https://avatars3.githubusercontent.com/u/216041?v=3&s=60)   | 
[huanghong1125](https://github.com/huanghong1125) | ![](https://avatars3.githubusercontent.com/u/12794817?v=3&s=60) | [yangdan8](https://github.com/yangdan8) | ![](https://avatars2.githubusercontent.com/u/16515026?v=3&s=60) |


## Ecosystem Links

- [iView Developer](https://dev.iviewui.com)
- [iView Run](https://run.iviewui.com)
- [iView-Admin](https://github.com/iview/iview-admin)
- [iView-Doc](https://github.com/iview/iview-doc)
- [iView-Loader](https://github.com/iview/iview-loader)
- [iView-Area](https://github.com/iview/iview-area)
- [iView-Editor](https://github.com/iview/iview-editor)
- [iView-Cli](https://github.com/iview/iview-cli)

## License
[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2016-present, iView

---
_Source: https://npm.io/package/bh-iview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._