[](https://travis-ci.org/ksc-fe/kpc)
[](https://codecov.io/gh/ksc-fe/kpc/branch/master)
[](http://isitmaintained.com/project/ksc-fe/kpc "Average time to resolve an issue")
[](http://isitmaintained.com/project/ksc-fe/kpc "Percentage of issues still open")
[](https://www.npmjs.com/package/kpc)
[](https://www.npmjs.com/package/kpc)
[](https://cdn.jsdelivr.net/npm/kpc/dist/)
[](https://cdn.jsdelivr.net/npm/kpc/dist/)
## 动机
目前市面上已经存在大量组件库，我们为什么还要造这个轮子呢？下面我们解释下这个组件库开发的动机。
随着公司业务和团队的壮大，我们很难统一全公司的技术栈，或者也没有必要统一全公司技术栈，但是统一
全公司所有产品线的设计和交互风格，却是很有必要的。众所周知，前端单页应用的开发无非基于3大框架：
React/Vue/Angular。如果不同框架维护一套自己的组件库，一方面维护成本非常高，存在大量重复劳动力；
另一方面，即使大家都按统一的交互设计稿开发组件库，也很难保证各个组件库设计和交互的完全统一。
所以这时kpc应运而生，它存在的意义就是：同一套组件库适应不同框架，来保证不同技术栈所开发出来的产品
的风格统一(write once, run anywhere)
## 特性
* 支持多框架 [Intact][1] / [Vue][2] / [React][3]
* 完全可自定义的主题系统
* 360°全方位定位系统
* 声明式表单验证
* 完善的文档和单元测试 [文档](https://ksc-fe.github.io/kpc/)
## 安装
### 在Intact下
```shell
npm install intact kpc --save
```
### 在Vue下
```shell
npm install kpc intact intact-vue --save
```
webpack配置
```js
module.exports = {
...
resolve: {
alias: {
'intact$': 'intact-vue',
}
}
}
```
### 在React下
```shell
npm install kpc intact intact-react --save
```
webpack配置
```js
module.exports = {
...
resolve: {
alias: {
'intact$': 'intact-react',
}
}
}
```
## 使用
### 在Intact下
```js
import {Button} from 'kpc';