@king-design/intact 3.0.0-beta.0 → 3.0.0-beta.2

package/es/site/data/components/input/demos/autoRows/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 {
+      value1: '',
+      value2: ''
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

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

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

@@ -0,0 +1,62 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Input } 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 = {
+      value1: '',
+      value2: ''
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      value: this.state.value1,
+      onChangeValue: function onChangeValue(value1) {
+        return _this2.setState({
+          value1: value1
+        });
+      },
+      type: "textarea",
+      placeholder: "please enter",
+      fluid: true,
+      rows: "auto"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      value: this.state.value2,
+      onChangeValue: function onChangeValue(value2) {
+        return _this2.setState({
+          value2: value2
+        });
+      },
+      type: "textarea",
+      placeholder: "please enter",
+      fluid: true,
+      rows: {
+        min: 3,
+        max: 5
+      }
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -17,7 +17,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       placeholder: "please enter",
       slotPrepend: /*#__PURE__*/React.createElement(React.Fragment, null, "http://"),
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, ".com")
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
         icon: true,
@@ -25,7 +25,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Icon, {
         className: "k-icon-search"
       })))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
         icon: true,
@@ -33,21 +33,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Icon, {
         className: "k-icon-search"
       })))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
         type: "primary"
       }, "\u641C\u7D22"))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
       slotPrefix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
         className: "k-icon-internet"
       })),
       slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-        className: "ion-ios-search",
+        className: "k-icon-search",
         hoverable: true
       }))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       placeholder: "please enter",
       slotPrepend: /*#__PURE__*/React.createElement(React.Fragment, null, "http://"),
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, ".com"),
@@ -55,7 +55,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         className: "k-icon-internet"
       })),
       slotSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-        className: "ion-ios-search",
+        className: "k-icon-search",
         hoverable: true
       }))
     }));

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

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

package/es/site/data/components/input/demos/flat/index.d.ts

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

package/es/site/data/components/input/demos/flat/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/flat/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/flat/react.js

@@ -0,0 +1,29 @@
+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("div", null, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      flat: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      flat: true,
+      value: "disabled",
+      disabled: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/password/index.d.ts

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

package/es/site/data/components/input/demos/password/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/password/react.d.ts

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

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

@@ -0,0 +1,41 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Input } 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.__demo = void 0;
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(Input, {
+      placeholder: "password",
+      type: "password",
+      showPassword: true,
+      ref: function ref(i) {
+        return _this2.__demo = i;
+      }
+    });
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/showCount/index.d.ts

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

package/es/site/data/components/input/demos/showCount/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/showCount/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/showCount/react.js

@@ -0,0 +1,33 @@
+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("div", null, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      showCount: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      showCount: true,
+      maxlength: "10"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      type: "textarea",
+      placeholder: "please enter",
+      showCount: true,
+      maxlength: "100"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -1,7 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Input } from '@king-design/react';
-import { Button } from '@king-design/react';
+import { Input, Button, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -22,12 +21,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       value: "small",
       size: "small"
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       size: "small",
       placeholder: "please enter",
       slotPrepend: /*#__PURE__*/React.createElement(React.Fragment, null, "http://"),
       slotAppend: /*#__PURE__*/React.createElement(React.Fragment, null, ".com")
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       size: "small",
       placeholder: "please enter",
       slotPrefix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
@@ -37,10 +36,11 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         size: "small",
         icon: true,
         type: "primary"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "ion-ios-search"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "k-icon k-icon-search",
+        size: "small"
       })))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       size: "small",
       placeholder: "please enter",
       clearable: true,
@@ -48,7 +48,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         type: "primary",
         size: "small"
       }, "Search"))
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       value: "mini",
       size: "mini"
     }));

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

@@ -14,11 +14,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
       type: "textarea",
-      placeholder: "please enter"
+      placeholder: "please enter",
+      fluid: true
     }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
       type: "textarea",
       rows: "5",
-      placeholder: "please enter"
+      placeholder: "please enter",
+      fluid: true
     }));
   };
 

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

@@ -16,7 +16,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
   };

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

@@ -21,7 +21,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
     _this.__test = void 0;

package/es/site/data/components/pagination/demos/flat/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/pagination/demos/flat/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';
+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/pagination/demos/flat/react.d.ts

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

package/es/site/data/components/pagination/demos/{noBoard → flat}/react.js

@@ -14,20 +14,24 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "large"
+      size: "large",
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
-      total: 200
+      flat: true,
+      total: 200,
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "small"
+      size: "small",
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "mini"
+      size: "mini",
+      showGoto: true
     }));
   };
 

package/es/site/data/components/popover/demos/basic/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    private popover1;
+    private popover2;
+    ok(): void;
+    cancel(): void;
+    render(): JSX.Element;
+}

package/es/site/data/components/{tooltip/demos/confirm → popover/demos/basic}/react.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Tooltip } from '@king-design/react';
-import { Button } from '@king-design/react';
+import { Popover, Button } from '@king-design/react';
 import { Message } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -18,7 +17,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-    _this.__test = void 0;
+    _this.popover1 = void 0;
+    _this.popover2 = void 0;
     return _this;
   }
 
@@ -35,15 +35,20 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
-      content: "\u786E\u5B9A\u5220\u9664\uFF1F",
-      confirm: true,
-      theme: "light",
-      trigger: "click",
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
       onOk: this.ok,
       onCancel: this.cancel,
       ref: function ref(i) {
-        return _this2.__test = i;
+        return _this2.popover1 = i;
+      }
+    }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")), ' ', /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+      content: "\u8FD9\u662F\u4E00\u6BB5\u63CF\u8FF0\u6587\u5B57",
+      onOk: this.ok,
+      onCancel: this.cancel,
+      ref: function ref(i) {
+        return _this2.popover2 = i;
       }
     }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")));
   };

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

@@ -0,0 +1,8 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    remove(): void;
+    moveToTrash(): void;
+    cancel(): void;
+}

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

@@ -0,0 +1,42 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import { Message, bind } from 'kpc';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  var _proto = default_1.prototype;
+
+  _proto.remove = function remove() {
+    Message.warning("Clicked remove!");
+    this.refs.popover.hide();
+  };
+
+  _proto.moveToTrash = function moveToTrash() {
+    Message.success('Clicked move to trash!');
+    this.refs.popover.hide();
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+    this.refs.popover.hide();
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };
+
+__decorate([bind], default_1.prototype, "remove", null);
+
+__decorate([bind], default_1.prototype, "moveToTrash", null);
+
+__decorate([bind], default_1.prototype, "cancel", null);

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    private popover;
+    remove(): void;
+    moveToTrash(): void;
+    cancel(): void;
+    render(): JSX.Element;
+}