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

package/es/site/data/components/steps/demos/vertical/react.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    index?: number;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        index: number;
+    };
+    previous(): void;
+    next(): void;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/steps/demos/vertical/react.js

@@ -0,0 +1,124 @@
+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 { Steps, Step, 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 = {
+      index: 0
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.previous = function previous() {
+    this.setState({
+      index: this.state.index - 1
+    });
+  };
+
+  _proto.next = function next() {
+    this.setState({
+      index: this.state.index + 1
+    });
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "demo-wrapper"
+    }, /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      vertical: true
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      vertical: true,
+      type: "line"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      vertical: true,
+      type: "line-compact"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement(Steps, {
+      value: this.state.index,
+      onChangeValue: function onChangeValue(index) {
+        return _this2.setState({
+          index: index
+        });
+      },
+      vertical: true,
+      type: "simple"
+    }, /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u914D\u7F6E"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u9009\u62E9\u5F39\u6027IP"
+    }, "\u8BF7\u9009\u62E9\u4E3B\u673A\u5F39\u6027IP\u7684\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement(Step, {
+      title: "\u8BBE\u7F6EVPC"
+    })), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: this.previous,
+      disabled: this.state.index === 0
+    }, "Previous Step"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: this.next,
+      disabled: this.state.index === 3
+    }, "Next Step"));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };
+
+__decorate([bind], Demo.prototype, "previous", null);
+
+__decorate([bind], Demo.prototype, "next", null);

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

@@ -35,8 +35,6 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           value: value
         });
       }
-    }), /*#__PURE__*/React.createElement(Switch, {
-      disabled: true
     }));
   };
 

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

@@ -0,0 +1,27 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Switch } 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(Switch, {
+      disabled: true
+    }), /*#__PURE__*/React.createElement(Switch, {
+      value: true,
+      disabled: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/switch/demos/onOff/react.js

@@ -24,6 +24,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       slotOff: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
         className: "ion-ios-close-empty"
       }))
+    }), /*#__PURE__*/React.createElement(Switch, {
+      on: "\u5F00",
+      off: "\u5173"
+    }), /*#__PURE__*/React.createElement(Switch, {
+      value: true,
+      slotOn: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
+        className: "ion-ios-checkmark-empty"
+      })),
+      slotOff: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
+        className: "ion-ios-close-empty"
+      }))
     }));
   };
 

package/es/site/data/components/tabs/demos/card/react.js

@@ -43,21 +43,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u51FA\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {
       value: "relatedVM"
     }, "\u5173\u8054\u4E91\u4E3B\u673A")), /*#__PURE__*/React.createElement(Tabs, {
-      type: "border-card",
-      value: this.state.tab,
-      onChangeValue: function onChangeValue(tab) {
-        return _this2.setState({
-          tab: tab
-        });
-      }
-    }, /*#__PURE__*/React.createElement(Tab, {
-      value: "rulein"
-    }, "\u5165\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {
-      value: "ruleout"
-    }, "\u51FA\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {
-      value: "relatedVM"
-    }, "\u5173\u8054\u4E91\u4E3B\u673A")), /*#__PURE__*/React.createElement(Tabs, {
-      type: "no-border-card",
+      type: "flat-card",
       value: this.state.tab,
       onChangeValue: function onChangeValue(tab) {
         return _this2.setState({

package/es/site/data/components/tabs/demos/closable/index.js

@@ -31,7 +31,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
         label: 'Tab 3'
       }],
       size: 'large',
-      types: ['default', 'card', 'border-card', 'no-border-card']
+      types: ['default', 'card', 'flat-card']
     };
   };
 

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

@@ -6,7 +6,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { __decorate } from "tslib";
 import React from 'react';
-import { Tabs, Tab, Button, ButtonGroup } from '@king-design/react';
+import { Tabs, Tab, Button, ButtonGroup, Icon } from '@king-design/react';
 import './index.styl';
 import { bind } from '@king-design/react';
 var id = 3;
@@ -37,7 +37,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         label: 'Tab 3'
       }],
       size: 'large',
-      types: ['default', 'card', 'border-card', 'no-border-card']
+      types: ['default', 'card', 'flat-card']
     };
     return _this;
   }
@@ -123,7 +123,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           value: $value.value,
           key: $value.value,
           closable: $value.value !== 10
-        }, $value.label);
+        }, /*#__PURE__*/React.createElement(Icon, {
+          className: "k-icon-paper",
+          size: _this2.state.size,
+          style: {
+            "marginRight": "8px"
+          }
+        }), $value.label);
       }));
     }));
   };

package/es/site/data/components/tabs/demos/scroll/index.d.ts

@@ -0,0 +1,18 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import { TabsProps } from 'kpc';
+interface Props {
+    tab?: number;
+    tabs: TabItem[];
+    size: TabsProps['size'];
+    types: TabsProps['type'][];
+}
+declare type TabItem = {
+    value: number;
+    label: string;
+};
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+}

package/es/site/data/components/tabs/demos/scroll/index.js

@@ -0,0 +1,87 @@
+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 {
+      tab: 1,
+      tabs: [{
+        value: 1,
+        label: 'Table 1'
+      }, {
+        value: 2,
+        label: 'Table 2'
+      }, {
+        value: 3,
+        label: 'Table 3'
+      }, {
+        value: 4,
+        label: 'Table 4'
+      }, {
+        value: 5,
+        label: 'Table 5'
+      }, {
+        value: 6,
+        label: 'Table 6'
+      }, {
+        value: 7,
+        label: 'Table 7'
+      }, {
+        value: 8,
+        label: 'Table 8'
+      }, {
+        value: 9,
+        label: 'Table 9'
+      }, {
+        value: 10,
+        label: 'Table 10'
+      }, {
+        value: 11,
+        label: 'Table 11'
+      }, {
+        value: 12,
+        label: 'Table 12'
+      }, {
+        value: 13,
+        label: 'Table 13'
+      }, {
+        value: 14,
+        label: 'Table 14'
+      }, {
+        value: 15,
+        label: 'Table 15'
+      }, {
+        value: 16,
+        label: 'Table 16'
+      }, {
+        value: 17,
+        label: 'Table 17'
+      }, {
+        value: 18,
+        label: 'Table 18'
+      }, {
+        value: 19,
+        label: 'Table 19'
+      }, {
+        value: 20,
+        label: 'Table 20'
+      }],
+      size: 'default',
+      types: ['default', 'card', 'flat-card']
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tabs/demos/scroll/react.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.styl';
+import { TabsProps } from '@king-design/react';
+interface Props {
+    tab?: number;
+    tabs: TabItem[];
+    size: TabsProps['size'];
+    types: TabsProps['type'][];
+}
+declare type TabItem = {
+    value: number;
+    label: string;
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/tabs/demos/scroll/react.js

@@ -0,0 +1,166 @@
+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 { Tabs, Tab, Button, ButtonGroup } 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 = {
+      tab: 1,
+      tabs: [{
+        value: 1,
+        label: 'Table 1'
+      }, {
+        value: 2,
+        label: 'Table 2'
+      }, {
+        value: 3,
+        label: 'Table 3'
+      }, {
+        value: 4,
+        label: 'Table 4'
+      }, {
+        value: 5,
+        label: 'Table 5'
+      }, {
+        value: 6,
+        label: 'Table 6'
+      }, {
+        value: 7,
+        label: 'Table 7'
+      }, {
+        value: 8,
+        label: 'Table 8'
+      }, {
+        value: 9,
+        label: 'Table 9'
+      }, {
+        value: 10,
+        label: 'Table 10'
+      }, {
+        value: 11,
+        label: 'Table 11'
+      }, {
+        value: 12,
+        label: 'Table 12'
+      }, {
+        value: 13,
+        label: 'Table 13'
+      }, {
+        value: 14,
+        label: 'Table 14'
+      }, {
+        value: 15,
+        label: 'Table 15'
+      }, {
+        value: 16,
+        label: 'Table 16'
+      }, {
+        value: 17,
+        label: 'Table 17'
+      }, {
+        value: 18,
+        label: 'Table 18'
+      }, {
+        value: 19,
+        label: 'Table 19'
+      }, {
+        value: 20,
+        label: 'Table 20'
+      }],
+      size: 'default',
+      types: ['default', 'card', 'flat-card']
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this,
+        _context2,
+        _context3,
+        _context5;
+
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        "width": "600px"
+      }
+    }, /*#__PURE__*/React.createElement(ButtonGroup, {
+      value: this.state.size,
+      onChangeValue: function onChangeValue(size) {
+        return _this2.setState({
+          size: size
+        });
+      },
+      checkType: "radio"
+    }, _mapInstanceProperty(_context2 = ['large', 'default', 'small', 'mini']).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Button, {
+        value: $value
+      }, $value);
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), _mapInstanceProperty(_context3 = this.state.types).call(_context3, function ($value, $key) {
+      var _context4;
+
+      return /*#__PURE__*/React.createElement(Tabs, {
+        value: _this2.state.tab,
+        onChangeValue: function onChangeValue(tab) {
+          return _this2.setState({
+            tab: tab
+          });
+        },
+        type: $value,
+        size: _this2.state.size
+      }, _mapInstanceProperty(_context4 = _this2.state.tabs).call(_context4, function ($value, $key) {
+        return /*#__PURE__*/React.createElement(Tab, {
+          value: $value.value,
+          key: $value.value
+        }, $value.label);
+      }));
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "display": "flex"
+      }
+    }, _mapInstanceProperty(_context5 = this.state.types).call(_context5, function ($value, $key) {
+      var _context6;
+
+      return /*#__PURE__*/React.createElement("div", {
+        key: $value,
+        style: {
+          height: '200px'
+        }
+      }, /*#__PURE__*/React.createElement(Tabs, {
+        value: _this2.state.tab,
+        onChangeValue: function onChangeValue(tab) {
+          return _this2.setState({
+            tab: tab
+          });
+        },
+        type: $value,
+        size: _this2.state.size,
+        vertical: true
+      }, _mapInstanceProperty(_context6 = _this2.state.tabs).call(_context6, function ($value, $key) {
+        return /*#__PURE__*/React.createElement(Tab, {
+          value: $value.value,
+          key: $value.value
+        }, $value.label);
+      })));
+    })));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/tabs/demos/vertical/react.js

@@ -65,22 +65,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       vertical: true,
-      type: "border-card"
-    }, /*#__PURE__*/React.createElement(Tab, {
-      value: "rulein"
-    }, "\u5165\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {
-      value: "ruleout"
-    }, "\u51FA\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {
-      value: "relatedVM"
-    }, "\u5173\u8054\u4E91\u4E3B\u673A")), /*#__PURE__*/React.createElement(Tabs, {
-      value: this.state.tab,
-      onChangeValue: function onChangeValue(tab) {
-        return _this2.setState({
-          tab: tab
-        });
-      },
-      vertical: true,
-      type: "no-border-card"
+      type: "flat-card"
     }, /*#__PURE__*/React.createElement(Tab, {
       value: "rulein"
     }, "\u5165\u7AD9\u89C4\u5219"), /*#__PURE__*/React.createElement(Tab, {

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

@@ -14,7 +14,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       types: ['default', 'primary', 'success', 'warning', 'danger'],
-      borders: ['dashed', 'none']
+      borders: ['solid', 'dashed', 'none']
     };
   };
 

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

@@ -20,7 +20,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       types: ['default', 'primary', 'success', 'warning', 'danger'],
-      borders: ['dashed', 'none']
+      borders: ['solid', 'dashed', 'none']
     };
     return _this;
   }

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

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

package/es/site/data/components/tag/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 {
+      tags1: ['default', 'primary', 'success', 'warning', 'danger'],
+      tags2: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };