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

package/es/site/data/components/popover/demos/content/react.js

@@ -0,0 +1,43 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Popover, Button } from '@king-design/react';
+import { Message } 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.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      onOk: this.ok,
+      onCancel: this.cancel,
+      slotTitle: /*#__PURE__*/React.createElement(React.Fragment, null, "\u662F\u5426\u786E\u8BA4", /*#__PURE__*/React.createElement("span", {
+        style: {
+          "color": "red"
+        }
+      }, "\u5220\u9664"), "\uFF1F"),
+      slotContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        style: {
+          "color": "red"
+        }
+      }, "\u5220\u9664"), "\u662F\u4E00\u4E2A\u5371\u9669\u64CD\u4F5C\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C")
+    }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

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

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

@@ -0,0 +1,28 @@
+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 { Message } 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.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

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

package/es/site/data/components/popover/demos/text/react.js

@@ -0,0 +1,36 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Popover, Button } from '@king-design/react';
+import { Message } 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.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+      onOk: this.ok,
+      onCancel: this.cancel,
+      okText: "confirm",
+      cancelText: "cancel"
+    }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -0,0 +1,11 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    types: ('info' | 'success' | 'error' | 'warning')[];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    ok(): void;
+    cancel(): void;
+}

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

@@ -0,0 +1,34 @@
+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 { Message } 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 {
+      types: ['info', 'success', 'error', 'warning']
+    };
+  };
+
+  var _proto = default_1.prototype;
+
+  _proto.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    types: ('info' | 'success' | 'error' | 'warning')[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    ok(): void;
+    cancel(): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/popover/demos/type/react.js

@@ -0,0 +1,58 @@
+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 { Popover, Button, ButtonGroup } from '@king-design/react';
+import { Message } 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 = {
+      types: ['info', 'success', 'error', 'warning']
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.ok = function ok() {
+    Message.success('Clicked ok!');
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+  };
+
+  _proto.render = function render() {
+    var _context2,
+        _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonGroup, null, _mapInstanceProperty(_context2 = this.state.types).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Popover, {
+        key: $value,
+        title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+        type: $value,
+        onOk: _this2.ok,
+        onCancel: _this2.cancel
+      }, /*#__PURE__*/React.createElement(Button, {
+        "data-type": $value,
+        value: $value
+      }, $value));
+    })));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -0,0 +1,57 @@
+import { Component } from 'intact';
+import Article from '~/../src/components/article';
+export default class extends Article {
+    static sidebar: {
+        组件: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+            path: string;
+        }[];
+        undefined: ({
+            title: string;
+            order: number;
+            sidebar: string;
+            disabled: boolean;
+            path: string;
+        } | {
+            title: string;
+            order: number;
+            sidebar: string;
+            path: string;
+            disabled?: undefined;
+        })[];
+    };
+    static data: {
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+    static defaults: () => {
+        demos: Component<any, {}, {}, {}>[];
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+}

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

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import Article from '~/../src/components/article';
+import data from './index.json';
+import sidebar from '~/doc.json';
+
+var r = require.context('./', true, /demos.*(index|demo).ts/);
+
+var keys = _keysInstanceProperty(r).call(r);
+
+var demos = [];
+
+for (var i = 0; i < keys.length; i++) {
+  var file = keys[i];
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
+
+  if (/demo.ts$/.test(file)) i++;
+  demos.push(r(file));
+}
+
+var default_1 = /*#__PURE__*/function (_Article) {
+  _inheritsLoose(default_1, _Article);
+
+  function default_1() {
+    return _Article.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Article);
+
+default_1.sidebar = sidebar;
+default_1.data = data;
+
+default_1.defaults = function () {
+  return _extends({}, Article.defaults, data, {
+    demos: demos
+  });
+};
+
+export { default_1 as default };

package/es/site/data/components/progress/demos/children/react.js

@@ -59,12 +59,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u4E0A\u4F20\u5B8C\u6210")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       size: "mini",
       icon: true,
-      onClick: this.add
-    }, "+"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.minus
+    }, "-"), /*#__PURE__*/React.createElement(Button, {
       size: "mini",
       icon: true,
-      onClick: this.minus
-    }, "-")));
+      onClick: this.add
+    }, "+")));
   };
 
   return Demo;

package/es/site/data/components/progress/demos/circleSize/index.d.ts

@@ -0,0 +1,14 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import { ProgressProps } from 'kpc';
+interface Props {
+    percent: number;
+    status: ProgressProps['status'];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    add(): void;
+    minus(): void;
+}

package/es/site/data/components/progress/demos/circleSize/index.js

@@ -0,0 +1,43 @@
+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 './index.styl';
+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 {
+      percent: 40,
+      status: 'active'
+    };
+  };
+
+  var _proto = default_1.prototype;
+
+  _proto.add = function add() {
+    if (this.get('percent') >= 100) return;
+    this.set('percent', this.get('percent') + 10);
+  };
+
+  _proto.minus = function minus() {
+    if (this.get('percent') <= 0) return;
+    this.set('percent', this.get('percent') - 10);
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };
+
+__decorate([bind], default_1.prototype, "add", null);
+
+__decorate([bind], default_1.prototype, "minus", null);

package/es/site/data/components/progress/demos/circleSize/react.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.styl';
+import { ProgressProps } from '@king-design/react';
+interface Props {
+    percent: number;
+    status: ProgressProps['status'];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    add(): void;
+    minus(): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/progress/demos/circleSize/react.js

@@ -0,0 +1,98 @@
+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 { Progress, ButtonGroup, Button } from '@king-design/react';
+import './index.styl';
+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 = {
+      percent: 40,
+      status: 'active'
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.add = function add() {
+    if (this.state.percent >= 100) return;
+    this.setState({
+      percent: this.state.percent + 10
+    });
+  };
+
+  _proto.minus = function minus() {
+    if (this.state.percent <= 0) return;
+    this.setState({
+      percent: this.state.percent - 10
+    });
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, "\u72B6\u6001\uFF1A", /*#__PURE__*/React.createElement(ButtonGroup, {
+      value: this.state.status,
+      onChangeValue: function onChangeValue(status) {
+        return _this2.setState({
+          status: status
+        });
+      },
+      checkType: "radio"
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "active"
+    }, "active"), /*#__PURE__*/React.createElement(Button, {
+      value: "success"
+    }, "success"), /*#__PURE__*/React.createElement(Button, {
+      value: "error"
+    }, "error"), /*#__PURE__*/React.createElement(Button, {
+      value: "normal"
+    }, "normal"), /*#__PURE__*/React.createElement(Button, {
+      value: "warning"
+    }, "warning")), "\u8FDB\u5EA6\uFF1A", /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      size: "mini",
+      icon: true,
+      onClick: this.minus
+    }, "-"), /*#__PURE__*/React.createElement(Button, {
+      size: "mini",
+      icon: true,
+      onClick: this.add
+    }, "+")), /*#__PURE__*/React.createElement("br", null), " ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Progress, {
+      type: "circle",
+      percent: this.state.percent,
+      status: this.state.status
+    }), /*#__PURE__*/React.createElement(Progress, {
+      type: "circle",
+      percent: this.state.percent,
+      status: this.state.status,
+      size: "small"
+    }), /*#__PURE__*/React.createElement(Progress, {
+      type: "circle",
+      percent: this.state.percent,
+      status: this.state.status,
+      size: "mini"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };
+
+__decorate([bind], Demo.prototype, "add", null);
+
+__decorate([bind], Demo.prototype, "minus", null);

package/es/site/data/components/progress/demos/customColor/react.js

@@ -76,12 +76,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       size: "mini",
       icon: true,
-      onClick: this.add
-    }, "+"), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.minus
+    }, "-"), /*#__PURE__*/React.createElement(Button, {
       size: "mini",
       icon: true,
-      onClick: this.minus
-    }, "-")));
+      onClick: this.add
+    }, "+")));
   };
 
   return Demo;

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

@@ -27,11 +27,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        "marginBottom": "16px"
-      }
-    }, /*#__PURE__*/React.createElement(Select, {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
       value: this.state.day,
       onChangeValue: function onChangeValue(day) {
         return _this2.setState({
@@ -52,9 +48,25 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "You selected: ", this.state.day), /*#__PURE__*/React.createElement(Select, {
+    }, "\u661F\u671F\u5929")), "You selected: ", this.state.day, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
       loading: true
-    }));
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
+      flat: true
+    }, /*#__PURE__*/React.createElement(Option, {
+      value: "Monday"
+    }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {
+      value: "Tuesday"
+    }, "\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"
+    }, "\u661F\u671F\u4E94"), /*#__PURE__*/React.createElement(Option, {
+      value: "Saturday"
+    }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
+      value: "Sunday"
+    }, "\u661F\u671F\u5929")));
   };
 
   return Demo;

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

@@ -67,7 +67,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       creatable: true,
       style: {
         "marginRight": "10px"
-      }
+      },
+      nowrap: true
     }, /*#__PURE__*/React.createElement(Option, {
       value: "Monday"
     }, "\u661F\u671F\u4E00"), /*#__PURE__*/React.createElement(Option, {

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

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

package/es/site/data/components/select/demos/draggable/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 {
+      days1: ['Monday', 'Tuesday', 'Wednesday', 'Thursday'],
+      days2: ['Monday', 'Tuesday', 'Wednesday', 'Thursday']
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

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