Kpc

<div align="center"> <a href="https://design.ksyun.com" rel="nofollow"> <img src="/site/src/imgs/header_logo_x2.png" alt="LOGO" /> </a> <p></p>

</div>

English | 简体中文

Features

• Support multiple frameworks: Intact / Vue / React.
• Support TypeScript.
• Change theme on runtime.
• Declarative form validation.
• Excellent documents and design
• 90% coverage unit tests.

Browsers Support

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera | | --------- | --------- | --------- | --------- | --------- | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

Vue

Installation

# Vue3
npm install @king-design/vue --save

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

Usage

<template>
    <Button>Hello</Button>
</template>
<script>
import {Button} from '@king-design/vue';

export default {
    components: {
        Button
    }
}
</script>

React

Installation

npm install @king-design/react--save

Usage

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

function App() {
    return <Button>Hello</Button>
}

Immediate Feedback

Welcome to join us by QQ. Group Number: 529739732

Links

• KPC Document
• Intact MVVM Framework

Develop

Require node@10 ~ node@14 and npm@6.9 or above.

git clone https://github.com/ksc-fe/kpc.git
cd kpc
npm install
npm run dev:doc

# test 
npm run test
# update snapshots 
npm run snapshot
# deploy documents
npm run deploy:doc
# release new version 
npm run release

License

MIT