@king-design/intact 3.4.1 → 3.4.3-beta.0

package/es/components/table/column.js

@@ -22,6 +22,7 @@ var typeDefs = {
   exportCell: Function,
   minWidth: Number,
   hidden: Boolean,
+  ellipsis: Boolean,
   // offset: null,
   cols: null,
   rows: null,

package/es/components/table/row.d.ts

@@ -20,10 +20,11 @@ export interface TableRowProps {
     spreaded: boolean;
     hasChildren: boolean;
     indent: number;
-    onToggleSpreadRow: (key: TableRowKey) => void;
+    onToggleSpreadRow: (key: TableRowKey, rowData?: any) => void;
     onBeforeUnmount: (key: TableRowKey) => void;
     offsetMap: Record<Key, number>;
     animation: boolean;
+    loaded: boolean;
     draggable: boolean;
     draggingKey: TableRowKey | null;
     onRowDragStart: DragCallback;

package/es/components/table/row.js

@@ -70,8 +70,9 @@ export var TableRow = /*#__PURE__*/function (_Component) {
     e.stopPropagation();
     var _this$get3 = this.get(),
       onToggleSpreadRow = _this$get3.onToggleSpreadRow,
-      key = _this$get3.key;
-    onToggleSpreadRow(key);
+      key = _this$get3.key,
+      data = _this$get3.data;
+    onToggleSpreadRow(key, data);
   };
   _proto.onMouseEnter = function onMouseEnter(e) {
     // for tooltip

package/es/components/table/row.vdt.js

@@ -33,7 +33,8 @@ export default function ($props, $blocks, $__proto__) {
     offsetMap = _this$get.offsetMap,
     draggable = _this$get.draggable,
     draggingKey = _this$get.draggingKey,
-    animation = _this$get.animation;
+    animation = _this$get.animation,
+    loaded = _this$get.loaded;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = checked, _classNameObj[k + "-selected"] = selected, _classNameObj[k + "-spreaded"] = spreaded, _classNameObj[k + "-dragging"] = draggingKey === key, _classNameObj[className] = className, _classNameObj);
   var getGridItem = function getGridItem(columnIndex) {
@@ -82,6 +83,7 @@ export default function ($props, $blocks, $__proto__) {
       'columnIndex': columnIndex,
       'rowIndex': rowIndex,
       'data': data,
+      'loaded': loaded,
       'offset': offsetMap[columnKey],
       'checkType': checkType,
       'indent': indent,

package/es/components/table/styles.js

@@ -90,7 +90,7 @@ setDefault(function () {
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
 });

package/es/components/table/table.d.ts

@@ -38,6 +38,7 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
     animation?: boolean | [boolean, boolean];
     hideHeader?: boolean;
     pagination?: boolean | PaginationProps;
+    load?: (value: T) => Promise<void> | void;
 }
 export interface TableEvents<T = any, K extends TableRowKey = number> {
     clickRow: [T, number, K];
@@ -60,6 +61,7 @@ export interface TableBlocks<T = unknown> {
     empty: null;
     tooltip: [T, number];
     expand: [T, number];
+    footer: null;
 }
 type CheckType = 'checkbox' | 'radio' | 'none';
 export type TableCheckType = CheckType;

package/es/components/table/table.js

@@ -61,7 +61,8 @@ var typeDefs = {
   draggable: Boolean,
   animation: [Boolean, Array],
   hideHeader: Boolean,
-  pagination: [Boolean, Object]
+  pagination: [Boolean, Object],
+  load: Function
 };
 var defaults = function defaults() {
   return {

package/es/components/table/table.vdt.js

@@ -183,6 +183,7 @@ export default function ($props, $blocks, $__proto__) {
         'key': key,
         'cols': cols,
         'data': value,
+        'loaded': value.loaded,
         'checkType': checkType,
         'hasFixedLeft': hasFixedLeft,
         'onClick': _this.clickRow,
@@ -259,6 +260,19 @@ export default function ($props, $blocks, $__proto__) {
       }
       return hidden || !spreaded;
     });
+    if ($blocks.footer) {
+      rows.push(_$ce(2, 'tr', _$ce(2, 'td', (_$blocks['footer'] = function ($super) {
+        return null;
+      }, __$blocks['footer'] = function ($super, data) {
+        var block = $blocks['footer'];
+        var callBlock = function callBlock() {
+          return _$blocks['footer'].call($this, $super, data);
+        };
+        return block ? block.call($this, callBlock, data) : callBlock();
+      }, __$blocks['footer'](_$no)), 0, _$cn(k + "-table-footer"), {
+        'colspan': colCount
+      }), 2, null, null, 'table-footer'));
+    }
     return animation[0] ? _$cc(TransitionGroup, {
       'name': 'k-fade-in-left',
       'move': !draggingKey.value,

package/es/components/table/useTree.d.ts

@@ -2,7 +2,7 @@ import type { TableRowKey } from './table';
 import { State } from '../../hooks/useState';
 export declare function useTree(data: State<any[] | undefined>): {
     isSpreaded: (key: TableRowKey) => boolean;
-    toggleSpreadRow: (key: TableRowKey) => void;
+    toggleSpreadRow: (key: TableRowKey, rowData?: any) => Promise<void>;
     loopData: <T>(cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak?: boolean) => void;
 };
 export declare function loopDataWithChildrenKey<T>(data: any[] | undefined, childrenKey: string | undefined, cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak: boolean): void;

package/es/components/table/useTree.js

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import { useInstance } from 'intact';
 import { inArray } from './useChecked';
 import { toggleArray } from '../utils';
@@ -6,8 +8,34 @@ export function useTree(data) {
   function isSpreaded(key) {
     return inArray(instance.get('spreadKeys'), key);
   }
-  function toggleSpreadRow(key) {
-    instance.set('spreadKeys', toggleArray(instance.get('spreadKeys'), key));
+  function toggleSpreadRow(_x, _x2) {
+    return _toggleSpreadRow.apply(this, arguments);
+  }
+  function _toggleSpreadRow() {
+    _toggleSpreadRow = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(key, rowData) {
+      var _instance$get2, spreadKeys, load;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _instance$get2 = instance.get(), spreadKeys = _instance$get2.spreadKeys, load = _instance$get2.load;
+            instance.set('spreadKeys', toggleArray(spreadKeys, key));
+            if (!(load && data.value && !rowData.loaded)) {
+              _context.next = 8;
+              break;
+            }
+            rowData.loaded = false;
+            _context.next = 6;
+            return load(rowData);
+          case 6:
+            rowData.loaded = true;
+            instance.forceUpdate();
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _toggleSpreadRow.apply(this, arguments);
   }
   function loopData(cb, shouldBreak) {
     if (shouldBreak === void 0) {

package/es/components/tooltip/tooltip.d.ts

@@ -23,6 +23,7 @@ export declare class Tooltip<T extends TooltipProps = TooltipProps, E extends To
     static typeDefs: Required<TypeDefs<TooltipProps>>;
     static defaults: () => Partial<TooltipProps>;
     static events: Events<TooltipEvents>;
+    $isTooltip: boolean;
     show(shouldFocus?: boolean): void;
     hide(immediately: boolean): void;
 }

package/es/components/tooltip/tooltip.js

@@ -1,5 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { Dropdown } from '../dropdown/dropdown';
 import { _$ } from '../../i18n';
 import { themes } from './styles';
@@ -39,7 +40,14 @@ var events = _extends({}, Dropdown.events, {
 export var Tooltip = /*#__PURE__*/function (_Dropdown) {
   _inheritsLoose(Tooltip, _Dropdown);
   function Tooltip() {
-    return _Dropdown.apply(this, arguments) || this;
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Dropdown.call.apply(_Dropdown, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.$isTooltip = true;
+    return _this;
   }
   var _proto = Tooltip.prototype;
   _proto.show = function show(shouldFocus) {

package/es/components/treeSelect/index.vdt.js

@@ -43,6 +43,7 @@ export default function ($props, $blocks, $__proto__) {
           'multiple': multiple,
           'selectable': !checkbox,
           'load': load,
+          'showLine': showLine,
           'filter': filterable ? _filterInstanceProperty(this) : null,
           'ev-transitionEnd': this.position
         }, null, treeRef)

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.1
+ * @king-design v3.4.3-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,4 +64,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.4.1";
+export declare const version = "3.4.3-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.1
+ * @king-design v3.4.3-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,5 +65,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.4.1';
+export var version = '3.4.3-beta.0';
 /* generate end */

package/es/site/data/components/button/demos/disabled/index.d.ts

@@ -1,5 +1,6 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
+import './index.styl';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
 }

package/es/site/data/components/button/demos/disabled/index.js

@@ -2,6 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
+import './index.styl';
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
   function default_1() {

package/es/site/data/components/button/demos/disabled/react.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.styl';
 export default class Demo extends React.Component {
     render(): React.JSX.Element;
 }

package/es/site/data/components/button/demos/disabled/react.js

@@ -1,6 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button, Icon } from '@king-design/react';
+import { Button } from '@king-design/react';
+import './index.styl';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
   function Demo() {
@@ -11,21 +12,33 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       disabled: true
     }, "disabled"), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "none"
-    }, "disabled text"), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      icon: true,
-      circle: true
-    }, /*#__PURE__*/React.createElement(Icon, {
-      className: "k-icon-search"
-    })), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "link"
+      type: "primary",
+      disabled: true
+    }, "primary"), /*#__PURE__*/React.createElement(Button, {
+      type: "secondary",
+      disabled: true
+    }, "secondary"), /*#__PURE__*/React.createElement(Button, {
+      type: "warning",
+      disabled: true
+    }, "warning"), /*#__PURE__*/React.createElement(Button, {
+      type: "danger",
+      disabled: true
+    }, "danger"), /*#__PURE__*/React.createElement(Button, {
+      type: "success",
+      disabled: true
+    }, "success"), /*#__PURE__*/React.createElement(Button, {
+      type: "none",
+      disabled: true
+    }, "none"), /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      disabled: true
     }, "link"), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "flat"
-    }, "flat"));
+      type: "flat",
+      disabled: true
+    }, "flat"), /*#__PURE__*/React.createElement(Button, {
+      color: "red",
+      disabled: true
+    }, "custom"));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/select/demos/immutable/index.d.ts

@@ -0,0 +1,9 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    day?: string[];
+}
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+}

package/es/site/data/components/select/demos/immutable/index.js

@@ -0,0 +1,18 @@
+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 {
+      day: ['Tuesday', 'Sunday', 'Wednesday']
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/select/demos/immutable/react.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    day?: string[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/select/demos/immutable/react.js

@@ -0,0 +1,53 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import React from 'react';
+import { Select, Option } from '@king-design/react';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      day: ['Tuesday', 'Sunday', 'Wednesday']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
+      value: this.state.day,
+      onChangeValue: function onChangeValue(day) {
+        return _this2.setState({
+          day: day
+        });
+      },
+      multiple: true,
+      filterable: true,
+      clearable: true
+    }, /*#__PURE__*/React.createElement(Option, {
+      value: "Monday"
+    }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
+      value: "Tuesday",
+      disabled: true
+    }, "\u661F\u671F\u4E8C"), /*#__PURE__*/React.createElement(Option, {
+      value: "Wednesday"
+    }, "\u661F\u671F\u4E09"), /*#__PURE__*/React.createElement(Option, {
+      value: "Thursday"
+    }, "\u661F\u671F\u56DB"), /*#__PURE__*/React.createElement(Option, {
+      value: "Friday",
+      disabled: true
+    }, "\u661F\u671F\u4E94"), /*#__PURE__*/React.createElement(Option, {
+      value: "Saturday"
+    }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
+      value: "Sunday"
+    }, "\u661F\u671F\u5929")), "You selected: ", _JSON$stringify(this.state.day));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/table/demos/asyncTree/index.d.ts

@@ -0,0 +1,20 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    data: NonNullable<any>;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: ({
+            name: string;
+            size: number;
+            children: never[];
+        } | {
+            name: string;
+            size: number;
+            children?: undefined;
+        })[];
+    };
+    loadData(node: any): Promise<void>;
+}

package/es/site/data/components/table/demos/asyncTree/index.js

@@ -0,0 +1,53 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { bind } from 'kpc';
+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 {
+      data: [{
+        name: 'Audios',
+        size: 12,
+        children: []
+      }, {
+        name: 'Images',
+        size: 14,
+        children: []
+      }, {
+        name: 'doc.pdf',
+        size: 18
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.loadData = function loadData(node) {
+    var _this = this;
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        var _context;
+        node.children = [{
+          name: 'child1',
+          size: 17
+        }, {
+          name: 'child2',
+          size: 15,
+          loaded: true
+        }];
+        _this.set('data', _concatInstanceProperty(_context = []).call(_context, _this.get('data')));
+        resolve();
+      }, 2000);
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "loadData", null);

package/es/site/data/components/table/demos/asyncTree/react.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props {
+    data: NonNullable<any>;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: ({
+            name: string;
+            size: number;
+            children: never[];
+        } | {
+            name: string;
+            size: number;
+            children?: undefined;
+        })[];
+    };
+    loadData(node: any): Promise<void>;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,76 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Table, TableColumn } from '@king-design/react';
+import { bind } from '@king-design/react';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      data: [{
+        name: 'Audios',
+        size: 12,
+        children: []
+      }, {
+        name: 'Images',
+        size: 14,
+        children: []
+      }, {
+        name: 'doc.pdf',
+        size: 18
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.loadData = function loadData(node) {
+    var _this2 = this;
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        var _context2;
+        node.children = [{
+          name: 'child1',
+          size: 17
+        }, {
+          name: 'child2',
+          size: 15,
+          loaded: true
+        }];
+        _this2.setState({
+          data: _concatInstanceProperty(_context2 = []).call(_context2, _this2.state.data)
+        });
+        resolve();
+      }, 2000);
+    });
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      rowKey: function rowKey(data) {
+        return data.name;
+      },
+      load: this.loadData
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "name",
+      title: "Name"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "size",
+      title: "Size",
+      slotTemplate: function slotTemplate(_ref) {
+        var data = _ref[0];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, data.size, "MB");
+      }
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "loadData", null);

package/es/site/data/components/table/demos/footer/index.d.ts

@@ -0,0 +1,12 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: {
+            a: string;
+            b: string;
+        }[];
+    };
+}

package/es/site/data/components/table/demos/footer/index.js

@@ -0,0 +1,25 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+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 {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2'
+      }]
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };