@king-design/intact 3.1.1 → 3.1.3

package/es/components/tree/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, palette } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   get transition() {
     return theme.transition.middle;
@@ -67,7 +68,8 @@ setDefault(function () {
   tree = deepDefaults(theme, {
     tree: defaults
   }).tree;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", tree.fontSize, ";line-height:", tree.lineHeight, ";position:relative;.", k, "-tree-label{position:relative;display:flex;align-items:center;&.", k, "-before,&.", k, "-after{&:before{position:absolute;content:'';display:block;border-top:", tree.dragging.border, ";width:100%;left:0;}}&.", k, "-before:before{top:0;}&.", k, "-after:before{bottom:0;}&.", k, "-inner{background:", tree.selected.bgColor, ";}}.", k, "-tree-icon,.", k, "-tree-text{cursor:pointer;}.", k, "-tree-text{padding:", tree.textPadding, ";border-radius:", tree.borderRadius, ";flex:1;display:flex;align-items:center;}.", k, "-tree-leaf{padding-left:", tree.leafIndent, ";}.", k, "-tree-icon{width:", tree.iconWidth, ";text-align:center;color:", tree.iconColor, ";&:before{transform:rotate(-90deg);transition:transform ", tree.transition, ";}}.", k, "-tree-checkbox{margin-right:", tree.checkboxGap, ";}&.", k, "-selectable{.", k, "-tree-node{&.", k, "-selected{>.", k, "-tree-label .", k, "-tree-text{background:", tree.selected.bgColor, "!important;}}}}.", k, "-tree-node{background:#fff;&:not(.", k, "-disabled){>.", k, "-tree-label .", k, "-tree-text:hover{background:", theme.color.bg, ";}}&.", k, "-expanded{>.", k, "-tree-label .", k, "-tree-icon:before{transform:rotate(0);}}&.", k, "-disabled{>.", k, "-tree-label{color:", tree.disabledColor, ";.", k, "-tree-text{cursor:not-allowed;}}}&.", k, "-dragging{background:", tree.dragging.bgColor, ";.", k, "-tree-node{background:", tree.dragging.bgColor, ";}}}.", k, "-tree{margin-left:", tree.marginLeft, ";padding-left:", tree.paddingLeft, ";}&.", k, "-line .", k, "-tree{border-left:", tree.line, ";}");
-}
+});

package/es/components/tree/useChecked.js

@@ -37,6 +37,10 @@ export function useChecked(getNodes) {
 
         node.checked = checked;
 
+        if (checked) {
+          node.indeterminate = false;
+        }
+
         if (shouldUpdateCheckedKeys) {
           updateCheckedKeys(node);
         }

package/es/components/treeSelect/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/es/components/treeSelect/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   get transition() {
     return theme.transition.middle;
@@ -15,7 +16,8 @@ setDefault(function () {
   treeSelect = deepDefaults(theme, {
     treeSelect: defaults
   }).treeSelect;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("min-width:auto;max-height:", treeSelect.maxHeight, ";padding:", treeSelect.padding, ";overflow:auto;&:not([class*=\"-active\"]){transition:left ", treeSelect.transition, ",top ", treeSelect.transition, ";}");
-}
+});

package/es/components/upload/styles.d.ts

@@ -1,3 +1,9 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
-export declare function makeUploadDialogStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeUploadDialogStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/es/components/upload/styles.js

@@ -4,6 +4,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   get transition() {
     return theme.transition.middle;
@@ -134,11 +135,13 @@ setDefault(function () {
   upload = deepDefaults(theme, {
     upload: defaults
   }).upload;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeUploadDialogStyles == null ? void 0 : makeUploadDialogStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}");
-}
-export function makeUploadDialogStyles(k) {
+});
+export var makeUploadDialogStyles = cache(function makeUploadDialogStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
     name: "18e4bfd",
     styles: "img{width:100%;}"
@@ -147,4 +150,4 @@ export function makeUploadDialogStyles(k) {
     styles: "img{width:100%;}",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   });
-}
+});

package/es/components/upload/useFiles.js

@@ -9,6 +9,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { useInstance } from 'intact';
 import { _$ } from '../../i18n';
 import { UploadFileStatus } from './useUpload';
+import { isEqualArray } from '../utils';
 var uid = 0;
 export function useFiles(isValidType, upload) {
   var instance = useInstance();
@@ -33,8 +34,8 @@ export function useFiles(isValidType, upload) {
     }
   }
 
-  instance.on("$receive:files", function (files) {
-    if (!files) return;
+  instance.on("$receive:files", function (files, oldFiles) {
+    if (!files || isEqualArray(files, oldFiles)) return;
     instance.set('files', _mapInstanceProperty(files).call(files, normalizeFile));
   });
 

package/es/components/utils.d.ts

@@ -1,8 +1,16 @@
 import { Component, VNode, Children, VNodeComponentClass, ComponentConstructor } from 'intact';
 export declare function bind<T extends Function>(target: any, key: string, descriptor: TypedPropertyDescriptor<T>): TypedPropertyDescriptor<T>;
 export declare function addStyle(style: string | Record<string, string | null> | undefined, extra: Record<string, string | null>): string | Record<string, string | null>;
-export declare function cache(callback: (...args: string[]) => any): (...args: string[]) => string;
-export declare const kebabCase: (...args: string[]) => string;
+declare type CacheArgType = number | string | boolean | undefined;
+declare type CacheFunction<T extends CacheArgType[]> = (...args: T) => any;
+export declare function cache<T extends CacheArgType[]>(callback: CacheFunction<T>): {
+    (...args: T): string;
+    clearCache(): {};
+};
+export declare const kebabCase: {
+    (word: string): string;
+    clearCache(): {};
+};
 export declare function isTextChildren(o: any): boolean;
 export declare function isTextVNode(o: VNode): boolean;
 export declare function isTextBlock(o: any): boolean;

package/es/components/utils.js

@@ -96,9 +96,10 @@ export function addStyle(style, extra) {
 
   return style;
 }
-var _cache = {};
 export function cache(callback) {
-  return function () {
+  var _cache = {};
+
+  var fn = function fn() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -111,6 +112,12 @@ export function cache(callback) {
 
     return _cache[cacheId];
   };
+
+  fn.clearCache = function () {
+    return _cache = {};
+  };
+
+  return fn;
 }
 var uppercasePattern = /[A-Z]/g;
 export var kebabCase = cache(function (word) {

package/es/components/wave/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makeStyles(color: string, inset: string, k: string): string;
+export declare const makeStyles: {
+    (color: string, inset: string, k: string): string;
+    clearCache(): {};
+};

package/es/components/wave/styles.js

@@ -2,6 +2,7 @@ import { css, keyframes } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   inset: '-3px'
 };
@@ -10,8 +11,9 @@ setDefault(function () {
   wave = deepDefaults(theme, {
     wave: defaults
   }).wave;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(color, inset, k) {
+export var makeStyles = cache(function makeStyles(color, inset, k) {
   var waveEffect = /*#__PURE__*/keyframes("100%{top:calc(", inset, " + ", wave.inset, ");bottom:calc(", inset, " + ", wave.inset, ");left:calc(", inset, " + ", wave.inset, ");right:calc(", inset, " + ", wave.inset, ");opacity:0.05;}");
   return /*#__PURE__*/css("position:relative;&::after{display:block;content:'';position:absolute;top:", inset, ";bottom:", inset, ";left:", inset, ";right:", inset, ";opacity:0.4;border-radius:4px;z-index:2;animation:", waveEffect, " .2s ease-in;animation-fill-mode:forwards;border:2px solid ", color, ";pointer-events:none;}&.", k, "-circle,&.", k, "-radio-wrapper{&:after{border-radius:calc(", theme.large.height, " / 2 + 4px);}}");
-}
+});

package/es/i18n/en-US.d.ts

@@ -74,6 +74,7 @@ declare const i18n: {
     页: string;
     '\u5171 {n} \u6761': string;
     '/(\u3112o\u3112)/~~ \u6CA1\u6709\u627E\u5230\u4EB2\u8981\u7684\u6570\u636E\u54E6~': string;
+    重置: string;
     请输入: string;
     请选择: string;
     已选择: string;

package/es/i18n/en-US.js

@@ -81,6 +81,7 @@ var i18n = {
   '共 {n} 条': 'Total {n}',
   // table
   '/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~': '/(ㄒoㄒ)/~~ No data to display.',
+  '重置': 'Reset',
   // transfer
   '请输入': 'Please enter',
   '请选择': 'Please select',

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1
+ * @king-design v3.1.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,4 +60,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.1";
+export declare const version = "3.1.3";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.1
+ * @king-design v3.1.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,5 +62,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.1';
+export var version = '3.1.3';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/cascader.spec.js

@@ -36,7 +36,6 @@ describe('Cascader', function () {
                   }]
                 }],
                 value: value,
-                multiple: true,
                 filterable: true,
                 onChangeValue: function onChangeValue(v) {
                   setValue(v);

package/es/site/data/components/menu/demos/recursive/index.d.ts

@@ -0,0 +1,29 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        expandedKeys: never[];
+        selectedKey: string;
+        menuList: ({
+            key: string;
+            title: string;
+            children?: undefined;
+        } | {
+            key: string;
+            title: string;
+            children: ({
+                key: string;
+                title: string;
+                children?: undefined;
+            } | {
+                key: string;
+                title: string;
+                children: {
+                    key: string;
+                    title: string;
+                }[];
+            })[];
+        })[];
+    };
+}

package/es/site/data/components/menu/demos/recursive/index.js

@@ -0,0 +1,57 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      expandedKeys: [],
+      selectedKey: '3-1',
+      menuList: [{
+        key: '1',
+        title: 'menu 1'
+      }, {
+        key: '2',
+        title: 'menu 2'
+      }, {
+        key: '3',
+        title: 'menu 3',
+        children: [{
+          key: '3-1',
+          title: 'sub menu 1'
+        }, {
+          key: '3-2',
+          title: 'sub menu 2'
+        }, {
+          key: '3-3',
+          title: 'sub menu 3'
+        }, {
+          key: '3-4',
+          title: 'sub menu 4',
+          children: [{
+            key: '3-4-1',
+            title: 'option 1'
+          }, {
+            key: '3-4-2',
+            title: 'option 2'
+          }]
+        }]
+      }, {
+        key: '4',
+        title: 'menu 4'
+      }]
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/menu/demos/recursive/react.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function (): JSX.Element;

package/es/site/data/components/menu/demos/recursive/react.js

@@ -0,0 +1,69 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { Menu, MenuItem, Icon } from '@king-design/react';
+import React, { useState } from 'react';
+export default function () {
+  var _useState = useState([]),
+      expandedKeys = _useState[0],
+      setExpandedKeys = _useState[1];
+
+  var _useState2 = useState('3-1'),
+      selectedKey = _useState2[0],
+      setSelectedKey = _useState2[1];
+
+  var _useState3 = useState([{
+    key: '1',
+    title: 'menu 1'
+  }, {
+    key: '2',
+    title: 'menu 2'
+  }, {
+    key: '3',
+    title: 'menu 3',
+    children: [{
+      key: '3-1',
+      title: 'sub menu 1'
+    }, {
+      key: '3-2',
+      title: 'sub menu 2'
+    }, {
+      key: '3-3',
+      title: 'sub menu 3'
+    }, {
+      key: '3-4',
+      title: 'sub menu 4',
+      children: [{
+        key: '3-4-1',
+        title: 'option 1'
+      }, {
+        key: '3-4-2',
+        title: 'option 2'
+      }]
+    }]
+  }, {
+    key: '4',
+    title: 'menu 4'
+  }]),
+      menuList = _useState3[0];
+
+  return /*#__PURE__*/React.createElement(Menu, {
+    expandedKeys: expandedKeys,
+    onChangeExpandedKeys: function onChangeExpandedKeys(v) {
+      return setExpandedKeys(v);
+    },
+    selectedKey: selectedKey,
+    onChangeSelectedKey: function onChangeSelectedKey(v) {
+      return setSelectedKey(v);
+    },
+    slotHeader: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-star"
+    }), "\u6D4B\u8BD5")
+  }, _mapInstanceProperty(menuList).call(menuList, renderMenuItem));
+}
+
+function renderMenuItem(item) {
+  var _context;
+
+  return /*#__PURE__*/React.createElement(MenuItem, {
+    key: item.key
+  }, item.title, item.children && item.children.length && /*#__PURE__*/React.createElement(Menu, null, _mapInstanceProperty(_context = item.children).call(_context, renderMenuItem)));
+}

package/es/site/data/components/table/demos/basic/react.js

@@ -36,10 +36,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       key: "a",
-      title: "Title 1"
+      title: "Title 1",
+      minWidth: 200
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "b",
-      title: "Title 2"
+      title: "Title 2",
+      minWidth: 300
     }));
   };
 

package/es/site/data/components/table/demos/fixColumn/react.js

@@ -111,7 +111,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "column4",
       title: "Column4",
-      width: "300"
+      width: "300",
+      fixed: "right"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       fixed: "right",
       key: "action",

package/es/site/data/components/table/demos/groupHeader/react.js

@@ -55,60 +55,51 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       data: this.state.data,
       type: "grid",
       resizable: true,
-      stickHeader: "64"
+      stickHeader: "64",
+      minColWidth: 100
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "Weekday",
       key: "weekday",
-      fixed: "left",
-      width: "100"
+      fixed: "left"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Forenoon",
       key: "forenoon"
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "Time",
       key: "forenoonTime",
-      fixed: "left",
-      width: "100"
+      fixed: "left"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Classes",
       key: "classes"
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 1",
-      key: "class1",
-      width: "100"
+      key: "class1"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 2",
-      key: "class2",
-      width: "100"
+      key: "class2"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 3",
-      key: "class3",
-      width: "100"
+      key: "class3"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 4",
-      key: "class4",
-      width: "100"
+      key: "class4"
     }))), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Afternoon",
       key: "afternoon"
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "Time",
-      key: "afternoonTime",
-      width: "100"
+      key: "afternoonTime"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 5",
-      key: "class5",
-      width: "100"
+      key: "class5"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 6",
       key: "class6",
-      width: "100",
       fixed: "right"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       title: "Class 7",
       key: "class7",
-      fixed: "right",
-      width: "100"
+      fixed: "right"
     })));
   };
 

package/es/site/data/components/table/demos/scheme/react.js

@@ -32,7 +32,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(Table, {
-      data: this.state.data
+      data: this.state.data,
+      resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "\u5B9A\u4E49\u8BE5\u5217\u5355\u5143\u683C\u5185\u5BB9",
       key: "a",

package/es/site/data/components/tree/demos/checkbox/index.d.ts

@@ -4,8 +4,18 @@ import './index.styl';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
     static defaults(): {
-        data: {
+        data: ({
             label: string;
+            children: {
+                label: string;
+                children: {
+                    label: string;
+                }[];
+            }[];
+            key?: undefined;
+        } | {
+            label: string;
+            key: string;
             children: ({
                 label: string;
                 children: ({
@@ -23,7 +33,7 @@ export default class extends Component {
                     label: string;
                 }[];
             })[];
-        }[];
+        })[];
         checkedKeys: string[];
     };
     getCheckedData(): void;

package/es/site/data/components/tree/demos/checkbox/index.js

@@ -25,6 +25,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
         }]
       }, {
         label: 'First floor-2',
+        key: 'floor-2',
         children: [{
           label: 'Second floor-2.1',
           children: [{

package/es/site/data/components/tree/demos/checkbox/react.d.ts

@@ -2,8 +2,18 @@ import React from 'react';
 import './index.styl';
 export default class Demo extends React.Component {
     state: {
-        data: {
+        data: ({
             label: string;
+            children: {
+                label: string;
+                children: {
+                    label: string;
+                }[];
+            }[];
+            key?: undefined;
+        } | {
+            label: string;
+            key: string;
             children: ({
                 label: string;
                 children: ({
@@ -21,7 +31,7 @@ export default class Demo extends React.Component {
                     label: string;
                 }[];
             })[];
-        }[];
+        })[];
         checkedKeys: string[];
     };
     private tree;

package/es/site/data/components/tree/demos/checkbox/react.js

@@ -30,6 +30,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         }]
       }, {
         label: 'First floor-2',
+        key: 'floor-2',
         children: [{
           label: 'Second floor-2.1',
           children: [{

package/es/site/data/components/tree/demos/contextmenu/index.d.ts

@@ -1,5 +1,6 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
+import './index.styl';
 import { TreeDataItem, TreeNode } from 'kpc';
 interface Props {
     data: TreeDataItem<string | number>[];

package/es/site/data/components/tree/demos/contextmenu/index.js

@@ -4,6 +4,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
+import './index.styl';
 var uniqueId = 0;
 
 var default_1 = /*#__PURE__*/function (_Component) {

package/es/site/data/components/tree/demos/contextmenu/react.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.styl';
 import { TreeDataItem, TreeNode } from '@king-design/react';
 interface Props {
     data: TreeDataItem<string | number>[];

package/es/site/data/components/tree/demos/contextmenu/react.js

@@ -3,6 +3,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
 import React from 'react';
 import { Tree, Dropdown, DropdownMenu, DropdownItem } from '@king-design/react';
+import './index.styl';
 var uniqueId = 0;
 
 var Demo = /*#__PURE__*/function (_React$Component) {