@king-design/intact 3.4.3-beta.2 → 3.4.4

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 './index.styl';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
   function Demo() {
@@ -11,21 +12,39 @@ 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/button/demos/group/react.js

@@ -121,7 +121,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           city: city
         });
       },
-      seperate: true
+      separate: true
     }, /*#__PURE__*/React.createElement(Button, {
       value: "beijing"
     }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
@@ -131,7 +131,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen"
     }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement(ButtonGroup, {
-      seperate: true
+      separate: true
     }, /*#__PURE__*/React.createElement(Button, {
       value: "beijing",
       type: "primary",

package/es/site/data/components/editable/demos/textarea/index.d.ts

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

package/es/site/data/components/editable/demos/textarea/index.js

@@ -0,0 +1,21 @@
+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 {
+      text: 'editable text auto',
+      text2: 'editable text for 5 rows',
+      text3: 'editable text for many rows'
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/editable/demos/textarea/react.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    text?: string;
+    text2?: string;
+    text3?: string;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        text: string;
+        text2: string;
+        text3: string;
+    };
+    private __test;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/editable/demos/textarea/react.js

@@ -0,0 +1,72 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Editable } from '@king-design/react';
+import './index.styl';
+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 = {
+      text: 'editable text auto',
+      text2: 'editable text for 5 rows',
+      text3: 'editable text for many rows'
+    };
+    _this.__test = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Editable, {
+      value: this.state.text,
+      onChangeValue: function onChangeValue(text) {
+        return _this2.setState({
+          text: text
+        });
+      },
+      ref: function ref(i) {
+        return _this2.__test = i;
+      },
+      rows: "auto"
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "ion-ios-location"
+    }), /*#__PURE__*/React.createElement("a", {
+      href: ""
+    }, this.state.text)), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Editable, {
+      value: this.state.text2,
+      onChangeValue: function onChangeValue(text2) {
+        return _this2.setState({
+          text2: text2
+        });
+      },
+      rows: 5
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "ion-ios-location"
+    }), /*#__PURE__*/React.createElement("a", {
+      href: ""
+    }, this.state.text2)), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Editable, {
+      value: this.state.text3,
+      onChangeValue: function onChangeValue(text3) {
+        return _this2.setState({
+          text3: text3
+        });
+      },
+      rows: {
+        min: 3,
+        max: 4
+      }
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "ion-ios-location"
+    }), /*#__PURE__*/React.createElement("a", {
+      href: ""
+    }, this.state.text3)));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/ellipsis/demos/hoverable/index.d.ts

@@ -0,0 +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/ellipsis/demos/hoverable/index.js

@@ -0,0 +1,14 @@
+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;
+  }
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/ellipsis/demos/hoverable/react.d.ts

@@ -0,0 +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/ellipsis/demos/hoverable/react.js

@@ -0,0 +1,21 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Ellipsis } from '@king-design/react';
+import './index.styl';
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Ellipsis, {
+      style: {
+        width: '50px'
+      },
+      hoverable: true
+    }, "hoverable"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/input/demos/size/react.js

@@ -47,6 +47,26 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       value: "mini",
       size: "mini"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: "textarea auto mini",
+      size: "mini",
+      type: "textarea",
+      rows: "auto"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: "textarea auto small",
+      size: "small",
+      type: "textarea",
+      rows: "auto"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: "textarea auto default",
+      size: "default",
+      type: "textarea",
+      rows: "auto"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: "textarea auto large",
+      size: "large",
+      type: "textarea",
+      rows: "auto"
     }));
   };
   return Demo;

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

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

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

@@ -9,7 +9,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   }
   default_1.defaults = function defaults() {
     return {
-      day: ['Tuesday', 'Sunday', 'Wednesday']
+      days: ['Tuesday', 'Sunday', 'Wednesday']
     };
   };
   return default_1;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 interface Props {
-    day?: string[];
+    days?: string[];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

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

@@ -13,7 +13,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
-      day: ['Tuesday', 'Sunday', 'Wednesday']
+      days: ['Tuesday', 'Sunday', 'Wednesday']
     };
     return _this;
   }
@@ -21,10 +21,10 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _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) {
+      value: this.state.days,
+      onChangeValue: function onChangeValue(days) {
         return _this2.setState({
-          day: day
+          days: days
         });
       },
       multiple: true,
@@ -46,7 +46,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "You selected: ", _JSON$stringify(this.state.day));
+    }, "\u661F\u671F\u5929")), "You selected: ", _JSON$stringify(this.state.days));
   };
   return Demo;
 }(React.Component);

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/ellipsis/index.d.ts

@@ -0,0 +1,11 @@
+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(): {
+        data: {
+            a: string;
+            b: string;
+        }[];
+    };
+}

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

@@ -0,0 +1,24 @@
+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 {
+      data: [{
+        a: '测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长',
+        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 };

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        data: {
+            a: string;
+            b: string;
+        }[];
+    };
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,43 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Table, TableColumn } 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: [{
+        a: '测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长',
+        b: 'Cell 1-2'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2'
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      resizable: true
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      minWidth: 200,
+      ellipsis: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      minWidth: 300
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

@@ -0,0 +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/table/demos/fixFooter/index.js

@@ -0,0 +1,14 @@
+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;
+  }
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

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