English | 简体中文

Features

* Support multiple frameworks: [Intact][1] / [Vue][2] / [React][3] / [Angular][4].
* Complete custom theme system.
* 360° locate popup layer.
* Declarative form validation.
* Excellent documents and design
* 90% coverage unit tests.

Browsers Support

|
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
| --------- | --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

Vue

$3

``shell
npm install kpc-vue --save
`

$3

`js


`

React

$3

`shell
npm install kpc-react --save
`

$3

`jsx
import React from 'react';
import {Button} from 'kpc-react';

class App extends React.Component {
render() {
return Hello
}
}
`

Intact

$3

`shell
npm install kpc --save
`

$3

`js
import {Button} from 'kpc';

Hello
`

Angular

Read [more][5]

$3

`shell
npm install kpc-angular -S
`

$3

You need use @angular-builders/custom-webapck to configure webpack, if your project initialized by Angular CLI.

`js
const path = require('path');

module.exports = function(config) {
config.module.rules.find(rule => {
if (rule.test.toString() === '/\\.css$/') {
rule.exclude.push(path.resolve(__dirname, 'node_modules/kpc-angular'));
return true;
}
});

return config;
};
`

$3

src/app/app.module.ts

`ts
import { KpcBrowserModule, KpcModule } from 'kpc-angular';
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
declarations: [
AppComponent
],
imports: [
KpcBrowserModule,
AppRoutingModule,
KpcModule,
],
providers: [],
bootstrap: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }
`

`ts
import { Component, ViewEncapsulation } from '@angular/core';
import { MessageComponent } from 'kpc-angular';

@Component({
selector: 'app-root',
template:
Hello World
,
style:
.k-button {
margin: 10px;
}
,
encapsulation: ViewEncapsulation.None,
})
export class AppComponent {
onClick() {
MessageComponent.success('Welcome to kpc world!');
}
}
`

Immediate Feedback

Welcome to join us by QQ. Group Number: 529739732

![KPC Official QQ Group](https://shang.qq.com/wpa/qunwpa?idkey=a9ef1aa7e7befbd3eaa61a3f2c3f7ab17436dbd317f6d02c9a643e0049e52cad)

!QQ




Links

* KPC Document
* [Intact MVVM Framework][1]
* Vdt Template Engine
* Intact-Vue Compatibility Layer
* Intact-React Compatibility Layer
* Intact-Angular Compatibility Layer

Develop

> Require node@10 and npm@6.9 or above.

`shell
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

[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/