@king-design/intact 2.0.0-beta.0 → 2.0.1

package/es/site/data/components/dropdown/demos/position/react.js

@@ -1,8 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Dropdown, DropdownMenu, DropdownItem } from '@king-design/react';
-import { Button } from '@king-design/react';
-import { Icon } from '@king-design/react';
+import { Dropdown, DropdownMenu, DropdownItem, Button, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -34,10 +32,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "right ", /*#__PURE__*/React.createElement(Icon, {
       className: "ion-ios-arrow-down"
     })), /*#__PURE__*/React.createElement(DropdownMenu, null, /*#__PURE__*/React.createElement(DropdownItem, null, "item 1"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 2"), /*#__PURE__*/React.createElement(DropdownItem, null, "item 3"))), /*#__PURE__*/React.createElement(Dropdown, {
-      position: {
-        my: 'center bottom-5',
-        at: 'center top'
-      }
+      position: "top"
     }, /*#__PURE__*/React.createElement(Button, {
       type: "primary"
     }, "top center ", /*#__PURE__*/React.createElement(Icon, {

package/es/site/data/components/dropdown/demos/trigger/react.js

@@ -1,8 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Dropdown, DropdownMenu, DropdownItem } from '@king-design/react';
-import { Button } from '@king-design/react';
-import { Icon } from '@king-design/react';
+import { Dropdown, DropdownMenu, DropdownItem, Button, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {

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

@@ -44,7 +44,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         className: "k-icon-internet"
       })),
       slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-        className: "k-icon-search"
+        className: "ion-ios-search",
+        hoverable: true
       }))
     }), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
@@ -54,7 +55,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         className: "k-icon-internet"
       })),
       slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-        className: "k-icon-search"
+        className: "ion-ios-search",
+        hoverable: true
       }))
     }));
   };

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

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Input } from '@king-design/react';
+import { Input, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -23,15 +23,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       clearable: true,
       placeholder: "please enter",
-      slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
-        className: "ion-ios-search"
+      slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+        className: "ion-ios-search",
+        hoverable: true
       }))
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       clearable: true,
       stackClearIcon: true,
       placeholder: "please enter",
-      slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
-        className: "ion-ios-search"
+      slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+        className: "ion-ios-search",
+        hoverable: true
       }))
     }));
   };

package/es/site/data/components/{dialog/demos/extends → input/demos/inline}/index.d.ts

@@ -2,7 +2,4 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
-    private dialog;
-    showDialog(): void;
-    unmounted(): void;
 }

package/es/site/data/components/input/demos/inline/index.js

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

package/es/site/data/components/input/demos/inline/react.d.ts

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

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

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Input } from '@king-design/react';
+
+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(Input, {
+      placeholder: "\u5185\u8054\u6587\u5B57",
+      inline: true
+    });
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -33,9 +33,6 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       slotPrefix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
         className: "ion-earth"
       })),
-      slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
-        className: "ion-ios-search"
-      })),
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
         size: "small",
         icon: true,

package/es/site/data/components/layout/demos/asideFix/react.js

@@ -46,7 +46,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React.createElement(Aside, {
       collapse: this.state.collapse,
       fixed: true,
-      theme: "white"
+      theme: "white",
+      width: "260px"
     }, /*#__PURE__*/React.createElement("div", {
       className: "logo"
     }, "LOGO"), /*#__PURE__*/React.createElement(Menu, {

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

@@ -55,7 +55,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "Day: ", this.state.day, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
+    }, "\u661F\u671F\u5929")), "Day: ", this.state.day, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
       value: this.state.days,
       onChangeValue: function onChangeValue(days) {
         return _this2.setState({

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

@@ -112,6 +112,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
             keywords: keywords
           });
         },
+        waveDisabled: true,
         slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
           className: "ion-ios-search"
         }))

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

@@ -2,8 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import React from 'react';
-import { Select, Option } from '@king-design/react';
-import { Icon } from '@king-design/react';
+import { Select, Option, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -60,15 +59,6 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         return _this2.setState({
           type: type
         });
-      },
-      slotValue: function slotValue(_ref) {
-        var value = _ref[0],
-            label = _ref[1];
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          style: {
-            borderBottom: "1px " + value + " #666"
-          }
-        }));
       }
     }, _mapInstanceProperty(_context2 = ['solid', 'dashed', 'dotted']).call(_context2, function ($value, $key) {
       return /*#__PURE__*/React.createElement(Option, {
@@ -96,11 +86,14 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       multiple: true,
-      slotValue: function slotValue(_ref2) {
-        var value = _ref2[0],
-            label = _ref2[1];
+      slotValue: function slotValue(_ref) {
+        var value = _ref[0],
+            label = _ref[1];
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-          className: _this2.classNames(value)
+          className: _this2.classNames(value),
+          style: {
+            "verticalAlign": "middle"
+          }
         }), /*#__PURE__*/React.createElement("span", {
           className: "c-middle"
         }, value));
@@ -123,9 +116,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       multiple: true,
-      slotValues: function slotValues(_ref3) {
-        var values = _ref3[0],
-            labels = _ref3[1];
+      slotValues: function slotValues(_ref2) {
+        var values = _ref2[0],
+            labels = _ref2[1];
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           className: "k-value"
         }, "\u5DF2\u9009\u62E9", values.length, "\u9879 / \u603B\u51714\u9879"));

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

@@ -0,0 +1,23 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    data: any[];
+    num: number;
+    isShow: boolean;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        data: {
+            a: string;
+            b: string;
+            c: string;
+        }[];
+        num: number;
+        isShow: boolean;
+    };
+    addRow(): void;
+    removeRow(): void;
+    toggleColumn(): void;
+}

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

@@ -0,0 +1,78 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+import { bind } from 'kpc/components/utils';
+
+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',
+        c: 'Cell 1-3'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2',
+        c: 'Cell 2-3'
+      }],
+      num: 3,
+      isShow: false
+    };
+  };
+
+  var _proto = default_1.prototype;
+
+  _proto.addRow = function addRow() {
+    var _context;
+
+    var num = this.get('num');
+
+    var data = _sliceInstanceProperty(_context = this.get('data')).call(_context);
+
+    data.push({
+      a: "Cell " + num + "-1",
+      b: "Cell " + num + "-2",
+      c: "Cell " + num + "-3"
+    });
+    this.set({
+      data: data,
+      num: num + 1
+    });
+  };
+
+  _proto.removeRow = function removeRow() {
+    var _context2;
+
+    var data = _sliceInstanceProperty(_context2 = this.get('data')).call(_context2);
+
+    data.shift();
+    this.set({
+      data: data
+    });
+  };
+
+  _proto.toggleColumn = function toggleColumn() {
+    this.set('isShow', !this.get('isShow'));
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };
+
+__decorate([bind], default_1.prototype, "addRow", null);
+
+__decorate([bind], default_1.prototype, "removeRow", null);
+
+__decorate([bind], default_1.prototype, "toggleColumn", null);

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    data: any[];
+    num: number;
+    isShow: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        data: {
+            a: string;
+            b: string;
+            c: string;
+        }[];
+        num: number;
+        isShow: boolean;
+    };
+    addRow(): void;
+    removeRow(): void;
+    toggleColumn(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,113 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Table, TableColumn, Button } from '@king-design/react';
+import './index.styl';
+import { bind } from '@king-design/react/components/utils';
+
+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: 'Cell 1-1',
+        b: 'Cell 1-2',
+        c: 'Cell 1-3'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2',
+        c: 'Cell 2-3'
+      }],
+      num: 3,
+      isShow: false
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.addRow = function addRow() {
+    var _context2;
+
+    var num = this.state.num;
+
+    var data = _sliceInstanceProperty(_context2 = this.state.data).call(_context2);
+
+    data.push({
+      a: "Cell " + num + "-1",
+      b: "Cell " + num + "-2",
+      c: "Cell " + num + "-3"
+    });
+    this.setState({
+      data: data,
+      num: num + 1
+    });
+  };
+
+  _proto.removeRow = function removeRow() {
+    var _context3;
+
+    var data = _sliceInstanceProperty(_context3 = this.state.data).call(_context3);
+
+    data.shift();
+    this.setState({
+      data: data
+    });
+  };
+
+  _proto.toggleColumn = function toggleColumn() {
+    this.setState({
+      isShow: !this.state.isShow
+    });
+  };
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: this.addRow
+    }, "\u589E\u52A0\u4E00\u884C"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: this.removeRow
+    }, "\u5220\u9664\u4E00\u884C"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: this.toggleColumn
+    }, this.state.isShow ? /*#__PURE__*/React.createElement(React.Fragment, null, "\u5220\u9664") : /*#__PURE__*/React.createElement(React.Fragment, null, "\u589E\u52A0"), "\u4E00\u5217"), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      resizable: true,
+      rowKey: function rowKey(row) {
+        return row.a;
+      }
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1"
+    }), this.state.isShow ? /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2"
+    }) : undefined, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3"
+    })));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };
+
+__decorate([bind], Demo.prototype, "addRow", null);
+
+__decorate([bind], Demo.prototype, "removeRow", null);
+
+__decorate([bind], Demo.prototype, "toggleColumn", null);

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

@@ -2,8 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { __decorate } from "tslib";
 import React from 'react';
-import { Table, TableColumn } from '@king-design/react';
-import { Button } from '@king-design/react';
+import { Table, TableColumn, Button } from '@king-design/react';
 import './index.styl';
 import { bind } from '@king-design/react';
 

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

@@ -60,7 +60,10 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement(Table, {
       data: this.state.data,
       sort: _sortInstanceProperty(this.state),
-      onChangeSort: this._onSort
+      onChangeSort: this._onSort,
+      rowKey: function rowKey(item) {
+        return item.name;
+      }
     }, /*#__PURE__*/React.createElement(TableColumn, {
       title: "\u59D3\u540D",
       key: "name",

package/es/site/data/components/tag/demos/border/react.js

@@ -40,10 +40,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       }, _mapInstanceProperty(_context3 = _this2.state.types).call(_context3, function ($value, $key) {
         return /*#__PURE__*/React.createElement(Tag, {
           type: $value,
-          border: border
+          border: border,
+          closable: true
         }, $value);
       }), /*#__PURE__*/React.createElement(Tag, {
         disabled: true,
+        closable: true,
         border: border
       }, "disabled"));
     }));

package/es/site/data/components/tip/demos/closable/react.js

@@ -37,6 +37,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       }, $value);
     }), /*#__PURE__*/React.createElement(Tip, {
       closable: true,
+      border: "dashed",
       slotClose: /*#__PURE__*/React.createElement(React.Fragment, null, "No longer show")
     }, "custom closing content"));
   };

package/es/site/data/components/tooltip/demos/trigger/react.js

@@ -1,7 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Tooltip } from '@king-design/react';
-import { ButtonGroup, Button } from '@king-design/react';
+import { Tooltip, ButtonGroup, Button } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);

package/es/site/data/docs/design/{button → about}/index.d.ts

@@ -2,25 +2,31 @@ import { Component } from 'intact';
 import Article from '~/../src/components/article';
 export default class extends Article {
     static sidebar: {
-        undefined: ({
+        undefined: {
             title: string;
             order: number;
             sidebar: string;
             path: string;
-            disabled?: undefined;
-        } | {
+        }[];
+        设计指南: {
             title: string;
             order: number;
             sidebar: string;
-            disabled: boolean;
+            category: string;
             path: string;
-        })[];
-        组件: {
+        }[];
+        设计评估: {
             title: string;
             order: number;
+            sidebar: string;
             category: string;
+            path: string;
+        }[];
+        设计模式: {
+            title: string;
+            order: number;
             sidebar: string;
-            disabled: boolean;
+            category: string;
             path: string;
         }[];
     };
@@ -28,9 +34,7 @@ export default class extends Article {
         setting: {
             title: string;
             order: number;
-            category: string;
             sidebar: string;
-            disabled: boolean;
         };
         contents: string;
         index: string;
@@ -45,9 +49,7 @@ export default class extends Article {
         setting: {
             title: string;
             order: number;
-            category: string;
             sidebar: string;
-            disabled: boolean;
         };
         contents: string;
         index: string;

package/es/site/data/docs/design/{dialog → guide-1}/index.d.ts

@@ -2,25 +2,31 @@ import { Component } from 'intact';
 import Article from '~/../src/components/article';
 export default class extends Article {
     static sidebar: {
-        undefined: ({
+        undefined: {
             title: string;
             order: number;
             sidebar: string;
             path: string;
-            disabled?: undefined;
-        } | {
+        }[];
+        设计指南: {
             title: string;
             order: number;
             sidebar: string;
-            disabled: boolean;
+            category: string;
             path: string;
-        })[];
-        组件: {
+        }[];
+        设计评估: {
             title: string;
             order: number;
+            sidebar: string;
             category: string;
+            path: string;
+        }[];
+        设计模式: {
+            title: string;
+            order: number;
             sidebar: string;
-            disabled: boolean;
+            category: string;
             path: string;
         }[];
     };
@@ -28,9 +34,8 @@ export default class extends Article {
         setting: {
             title: string;
             order: number;
-            category: string;
             sidebar: string;
-            disabled: boolean;
+            category: string;
         };
         contents: string;
         index: string;
@@ -45,9 +50,8 @@ export default class extends Article {
         setting: {
             title: string;
             order: number;
-            category: string;
             sidebar: string;
-            disabled: boolean;
+            category: string;
         };
         contents: string;
         index: string;