https://github.com/ksc-fe/kpc

A UI Components Library for Intact, Vue, React and Angular.
https://github.com/ksc-fe/kpc

ui-components ui-design web-components

Last synced: 22 days ago
JSON representation

A UI Components Library for Intact, Vue, React and Angular.

• Host: GitHub
• URL: https://github.com/ksc-fe/kpc
• Owner: ksc-fe
• License: mit
• Created: 2018-04-10T07:08:51.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-26T13:39:01.000Z (about 1 month ago)
• Last Synced: 2024-10-06T21:55:23.206Z (29 days ago)
• Topics: ui-components, ui-design, web-components
• Language: TypeScript
• Homepage: https://design.ksyun.com/
• Size: 475 MB
• Stars: 361
• Watchers: 25
• Forks: 53
• Open Issues: 59
• Metadata Files:
  • Readme: README-zh_CN.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-star - kpc - fe | 344 | (TypeScript)

README

        




    





[![Build Status](https://github.com/ksc-fe/kpc/workflows/Node.js%20CI/badge.svg?branch=master)](https://github.com/ksc-fe/kpc/actions?query=workflow%3A%22Node.js+CI%22)

[![Codecov](https://codecov.io/gh/ksc-fe/kpc/branch/master/graphs/badge.svg)](https://codecov.io/gh/ksc-fe/kpc/branch/master)

[![npm](https://img.shields.io/npm/v/@king-design/vue.svg)](https://www.npmjs.com/package/@king-design/vue)

[![npm](https://img.shields.io/npm/dm/@king-design/react.svg?label=react%20download)](https://www.npmjs.com/package/@king-design/react)

[![npm](https://img.shields.io/npm/dm/@king-design/vue.svg?label=vue3%20download)](https://www.npmjs.com/package/@king-design/vue)

[![npm](https://img.shields.io/npm/dm/@king-design/vue-legacy.svg?label=vue2%20download)](https://www.npmjs.com/package/@king-design/vue-legacy)



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

## 特性

* 支持多框架 [Intact][1] / [Vue][2] / [React][3]

* 支持TypeScript

* 动态主题切换

* 声明式表单验证

* 完善的[文档](https://design.ksyun.com/)和精心的设计

* 90%单元测试覆盖率

## 浏览器支持

| [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari | [](http://godban.github.io/browsers-support-badges/)Opera |

| --------- | --------- | --------- | --------- | --------- |

| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

## Vue

### 安装

```shell

# Vue3

npm install @king-design/vue --save

# Vue2

npm install @king-desing/vue-legacy --save

```

### 使用

```js

    Hello

import {Button} from 'kpc-vue';

export default {

    components: {

        Button

    }

}

```

## React

### 安装

```shell

npm install @king-design/react--save

```

### 使用

```jsx

import {Button} from '@king-design/react';

function App() {

    return Hello

}

```

## 即时反馈

欢迎加入QQ群反馈问题和获得即时帮助，QQ群：529739732 

[![KPC官方交流群](https://pub.idqqimg.com/wpa/images/group.png)](https://shang.qq.com/wpa/qunwpa?idkey=a9ef1aa7e7befbd3eaa61a3f2c3f7ab17436dbd317f6d02c9a643e0049e52cad)

![QQ](/site/src/imgs/qqqun.png)

## 链接

* [KPC 官方文档](https://design.ksyun.com)

* [Intact MVVM框架][1]

## 开发

> 需要`node@10`以及`[email protected]`以上

```shell

git clone https://github.com/ksc-fe/kpc.git

cd kpc

npm install

npm run dev:doc

# 测试

npm run test

# 更新测试快照

npm run snapshot

# 部署文档

npm run deploy:doc

# 发版

npm run release

```

## 许可

MIT

[1]: http://javey.github.io/intact/

[2]: https://vuejs.org/

[3]: https://reactjs.org/

[4]: https://angular.io/

[5]: https://design.ksyun.com/docs/angular/