Kingdee Web Components (KWC) is an enterprise-grade web components foundation for building user interfaces. KWC provides a simple authoring format for UI components, which is compiled into low-level Web Component APIs. The kwc package is the main entry point for dependencies.

• Develop components quickly and declaratively using HTML, JavaScript, and CSS.
• Develop accessible components so that everyone can understand and navigate your app.
• Components are encapsulated in Shadow DOM, with the @kdcloudjs/kwc-synthetic-shadow package as an optional polyfill for older browsers.

Developing a Kingdee Web Component is this easy:

counter
  ├──counter.css
  ├──counter.html
  └──counter.js

<!-- counter.html -->
<template>
    <p>Counter: {count}</p>
    <button onclick="{increaseCounter}">Add</button>
</template>

/* counter.css */
p {
    font-family: serif;
    font-size: large;
}

// counter.js
import { KingdeeElement } from '@kdcloudjs/kwc';

export default class Counter extends KingdeeElement {
    count = 0;

    increaseCounter() {
        this.count += 1;
    }
}

Supported Browsers

As of KWC, Microsoft® Internet Explorer® 11 is no longer supported.

The kwc package

This package (kwc) is a convenience package that re-exports all packages that might be used for KWC component development. Installing it also installs the core @kdcloudjs/kwc-* packages.

For example, to use @kdcloudjs/kwc-engine-server from this package, you can do:

import { renderComponent } from 'kwc/engine-server';

This is equivalent to:

import { renderComponent } from '@kdcloudjs/kwc-engine-server';

Experimental Packages

The @kdcloudjs/kwc-ssr-compiler and @kdcloudjs/kwc-ssr-runtime packages are still considered experimental, and may break without notice.