iep-ui/README.md

An enterprise-class UI design language and Vue-based implementation

<p align="center">
  <a href="https://iep-ui.github.io">
    <img width="200" src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/82fd02a0113d4bedb0ab7f40327c28a6~tplv-k3u1fbpfcp-watermark.image">
  </a>
</p>

<h1 align="center">
  <a href="https://iep-ui.github.io" target="_blank">Iep UI</a>
</h1>

<div align="center">

An enterprise-class UI components based on Iep UI

![test](https://github.com/iep-ui/iep-ui/workflows/test/badge.svg) [![codecov](https://img.shields.io/codecov/c/github/iep-ui/iep-ui/master.svg?style=flat-square)](https://codecov.io/gh/iep-ui/iep-ui) [![npm package](https://img.shields.io/npm/v/iep-ui.svg?style=flat-square)](https://www.npmjs.org/package/iep-ui) [![NPM downloads](http://img.shields.io/npm/dm/iep-ui.svg?style=flat-square)](http://www.npmtrends.com/iep-ui) [![Join the chat at https://gitter.im/vueComponent/ant-design-english](https://badges.gitter.im/vueComponent/ant-design-english.svg?style=flat-square)](https://gitter.im/vueComponent/ant-design-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) (English) [![Join the chat at https://gitter.im/iep-ui/iep-ui](https://img.shields.io/gitter/room/iep-ui/iep-ui.svg?style=flat-square)](https://gitter.im/iep-ui/iep-ui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)（中文） [![backers](https://opencollective.com/iep-ui/backers/badge.svg)](#backers) [![sponsors](https://opencollective.com/iep-ui/sponsors/badge.svg)](#sponsors) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=iep-ui.vscode-iep-ui-helper)

</div>

[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](https://iep-ui.github.io)

English | [简体中文](./README-zh_CN.md)

<p align="center">
  <b>Special thanks to the generous sponsorship by:</b>
</p>
<table>
  <tbody>
    <tr>
      <td align="center" valign="middle">
        <a href="https://iep-ui.github.io" target="_blank">
          <img width="120px" src="https://user-images.githubusercontent.com/1016365/34124854-48fafa06-e3e9-11e7-8c04-251055feebee.png">
        </a>
      </td>
    </tr>
  </tbody>
</table>

## Features

- An enterprise-class UI design system for desktop applications.
- A set of high-quality Vue components out of the box.
- Shared [Ant Design of React](https://ant.design/docs/spec/introduce) design resources.
- Support Vue 3 from [2.x](https://2x.antdv.com/)

## Environment Support

- Modern browsers and Internet Explorer 9+ (with [polyfills](https://www.antdv.com/docs/vue/getting-started/#Compatibility))
- Server-side Rendering
- [Electron](https://electronjs.org/)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --- | --- | --- | --- | --- | --- |
| IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## Using npm or yarn

**We recommend using npm or yarn to install**，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

```bash
$ npm install iep-ui --save
```

```bash
$ yarn add iep-ui
```

If you are in a bad network environment，you can try other registries and tools like [cnpm](https://github.com/cnpm/cnpm).

## Links

- [Home page](https://iep-ui.github.io)
- [Vue](https://vuejs.org/)
- [Ant Design Of React](http://ant.design/)

## Ecosystem

| Project | Description |
| --- | --- |
| [vue-ref](https://github.com/vueComponent/vue-ref) | You can use the callback to get a reference like react |
| [iep-ui-helper](https://marketplace.visualstudio.com/items?itemName=iep-ui.vscode-iep-ui-helper) | A vscode extension for iep-ui |
| [vue-cli-plugin-ant-design](https://github.com/vueComponent/vue-cli-plugin-ant-design) | Vue-cli 3 plugin to add iep-ui |
| [vue-dash-event](https://github.com/vueComponent/vue-dash-event) | The library function, implemented in the DOM template, can use the custom event of the iep-ui component (camelCase) |