npmpackage.info

Gathering detailed insights and metrics for kpc

Other packages similar to kpc

kpc-vue

1.6.4

KPC components for Vue.

kpc-react

1.6.4

KPC components for React.

kpc-angular

1.6.4

KPC components for Angular

kiewit-kpc-gulpfile

1.7.3

kiewit kpc custom gulp process

Gathering detailed insights and metrics for kpc

kpc - 1.6.4 | npmpackage.info

kpc

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

1.6.4

367

MIT

TypeScript

34.68 MB

3.4

Installations

npm install kpc

Developer Guide

BETA

Typescript

No

Module System

CommonJS, UMD

Node Version

14.21.3

NPM Version

6.14.18 Pull Requests

Open

13

Total

153

Closed

36

Merged

104

Issues

Open

58

Total

927

Closed

869

Releases

v1.4.2

Updated on Jul 20, 2020

v1.4.1

Updated on Jul 10, 2020

v1.4.0

Updated on Jun 29, 2020

v0.8.4

Updated on Mar 04, 2019

v0.8.3

Updated on Mar 04, 2019

v0.8.2

Updated on Jan 29, 2019

View All 8 releases

Languages

TypeScript

JavaScript

HTML

CSS

Stylus

TypeScript (72.99%)

JavaScript (21.15%)

HTML (4.49%)

CSS (1.22%)

Stylus (0.16%)

Developer

ksc-fe

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

367 Stars

4,153 Commits

55 Forks

24 Watchers

19 Branches

28 Contributors

Updated on Jul 14, 2025

Maintainers

View All 28 Contributors

Package Meta Information

Latest Version

1.6.4

Package Id

kpc@1.6.4

Unpacked Size

34.68 MB

Size

8.04 MB

File Count

2,821

NPM Version

6.14.18

Node Version

14.21.3

Published on

Feb 20, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/runtime-corejs3 core-js dayjs downloadjs enquire.js intact intact-react intact-vue monaco-editor mxgraphx resize-observer-polyfill tinycolor2

Dev Dependencies

102

@angular/core @babel/core @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators @babel/plugin-proposal-do-expressions @babel/plugin-syntax-dynamic-import @babel/plugin-transform-proto-to-assign @babel/plugin-transform-runtime @babel/polyfill @babel/preset-env @babel/preset-react advanced autoprefixer axios babel-eslint babel-helper-vue-jsx-merge-props babel-loader babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-preset-env chai chai-karma-snapshot chroma-js cross-env css-loader cssnano eslint event-stream file-loader fs-extra glob gulp gulp-babel gulp-connect gulp-multi-process gulp-postcss gulp-stylus gulp-tap gulp-typescript gulp-uglify gulp-vdt highlight.js history html-webpack-plugin istanbul-instrumenter-loader js-yaml karma karma-chrome-launcher karma-coverage-istanbul-reporter karma-mocha karma-mocha-reporter karma-mocha-snapshot karma-sinon-chai karma-snapshot karma-sourcemap-loader karma-spec-reporter karma-webpack ks3 lerna marked mermaid mini-css-extract-plugin mocha monaco-editor-webpack-plugin node-style-loader null-loader postcss-loader raw-loader react react-dom react-redux react-router-dom react-router-dom-v5 redux rimraf sinon sinon-chai source-map-support speed-measure-webpack-plugin string-replace-loader style-loader stylus stylus-loader terser-webpack-plugin thread-loader typescript universal-router url-loader vdt vdt-loader vue vue-loader vue-router vue-style-loader vue-template-compiler webpack webpack-chain webpack-cli webpack-dev-middleware webpack-dev-server webpack-hot-middleware webpack-node-externals

English | 简体中文

Features

Support multiple frameworks: Intact / Vue / React / Angular.
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

Installation

1npm install kpc-vue --save

Usage

1<template>
2    <Button>Hello</Button>
3</template>
4<script>
5import {Button} from 'kpc-vue';
6
7export default {
8    components: {
9        Button
10    }
11}
12</script>

React

Installation

1npm install kpc-react --save

Usage

1import React from 'react';
2import {Button} from 'kpc-react';
3
4class App extends React.Component {
5    render() {
6        return <Button>Hello</Button>
7    }
8}

Intact

Installation

1npm install kpc --save

Usage

1import {Button} from 'kpc';
2
3<Button>Hello</Button>

Angular

1npm install kpc-angular -S

Configure `webpack.config.js`

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

1const path = require('path');
2
3module.exports = function(config) {
4  config.module.rules.find(rule => {
5    if (rule.test.toString() === '/\\.css$/') {
6      rule.exclude.push(path.resolve(__dirname, 'node_modules/kpc-angular'));
7      return true;
8    }
9  });
10
11  return config;
12};

Usage

src/app/app.module.ts

1import { KpcBrowserModule, KpcModule } from 'kpc-angular';
2import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
3
4import { AppRoutingModule } from './app-routing.module';
5import { AppComponent } from './app.component';
6
7@NgModule({
8  declarations: [
9    AppComponent
10  ],
11  imports: [
12    KpcBrowserModule,
13    AppRoutingModule,
14    KpcModule,
15  ],
16  providers: [],
17  bootstrap: [AppComponent],
18  schemas: [CUSTOM_ELEMENTS_SCHEMA]
19})
20export class AppModule { }

1import { Component, ViewEncapsulation } from '@angular/core';
2import { MessageComponent } from 'kpc-angular';
3
4@Component({
5  selector: 'app-root',
6  template: `
7    <k-button type="primary" (click)="onClick()">Hello World</k-button>
8  `,
9  style: `
10    .k-button {
11      margin: 10px;
12    }
13  `,
14  encapsulation: ViewEncapsulation.None,
15})
16export class AppComponent {
17  onClick() {
18    MessageComponent.success('Welcome to kpc world!');
19  }
20}

Immediate Feedback

Welcome to join us by QQ. Group Number: 529739732

Develop

Require node@10 and npm@6.9 or above.

1git clone https://github.com/ksc-fe/kpc.git
2cd kpc
3npm install
4npm run dev:doc
5
6# test 
7npm run test
8# update snapshots 
9npm run snapshot
10# deploy documents
11npm run deploy:doc
12# release new version 
13npm run release

License

MIT

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

6

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

0

Fuzzing

Determines if the project uses fuzzing.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

64 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gx9m-whjm-85jf
Warn: Project is vulnerable to: GHSA-mmhx-hmjr-r674
Warn: Project is vulnerable to: GHSA-vhxf-7vqr-mrjg
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj
Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf
Warn: Project is vulnerable to: GHSA-m4gq-x24j-jpmf
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
Warn: Project is vulnerable to: GHSA-6xwr-q98w-rvg7
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq
Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j
Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q

Score

3.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to kpc

Other packages similar to kpc

kpc

Installations

Developer Guide

No

CommonJS, UMD

14.21.3

6.14.18

Pull Requests

13

153

36

104

Issues

58

927

869

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

Features

Browsers Support

Vue

Installation

Usage

React

Installation

Usage

Intact

Installation

Usage

Angular

Installation

Configure webpack.config.js

Usage

Immediate Feedback

Links

Develop

License

10

10

10

6

0

0

0

0

0

0

0

0

3.4

/10

Configure `webpack.config.js`