@king-design/intact 3.5.2 → 3.6.0

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.2
+ * @king-design v3.6.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,6 +59,7 @@ export * from './components/timeline';
 export * from './components/timepicker';
 export * from './components/tip';
 export * from './components/tooltip';
+export * from './components/tour';
 export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
@@ -66,5 +67,5 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.5.2';
+export var version = '3.6.0';
 /* generate end */

package/es/site/data/components/datepicker/demos/multiple/react.js

@@ -73,13 +73,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Datepicker, {
       multiple: true,
       range: true,
+      type: "datetime",
       value: this.state.datetimeRange,
       onChangeValue: function onChangeValue(datetimeRange) {
         return _this2.setState({
           datetimeRange: datetimeRange
         });
-      },
-      type: "datetime"
+      }
     }), "You selected: ", _JSON$stringify(this.state.datetimeRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
   };
   return Demo;

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

@@ -3,6 +3,7 @@ import { Component } from 'intact';
 interface Props {
     day?: string | null;
     days?: string[];
+    dayWithKeywords?: string[];
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

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

@@ -10,7 +10,8 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       day: null,
-      days: []
+      days: [],
+      dayWithKeywords: []
     };
   };
   return default_1;

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

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

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

@@ -14,7 +14,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       day: null,
-      days: []
+      days: [],
+      dayWithKeywords: []
     };
     return _this;
   }
@@ -75,7 +76,35 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "Days: ", _JSON$stringify(this.state.days));
+    }, "\u661F\u671F\u5929")), "Days: ", _JSON$stringify(this.state.days), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Select, {
+      value: this.state.dayWithKeywords,
+      onChangeValue: function onChangeValue(dayWithKeywords) {
+        return _this2.setState({
+          dayWithKeywords: dayWithKeywords
+        });
+      },
+      filterable: true,
+      multiple: true,
+      creatable: true,
+      keepKeywords: false,
+      style: {
+        "marginRight": "10px"
+      }
+    }, /*#__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")), "Day with keepKeywords=false: ", _JSON$stringify(this.state.dayWithKeywords));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/tour/demos/basic/index.d.ts

@@ -0,0 +1,17 @@
+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(): {
+        currentStep: number;
+        showTour: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    settour(): void;
+    close(): void;
+}

package/es/site/data/components/tour/demos/basic/index.js

@@ -0,0 +1,46 @@
+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 { 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 {
+      currentStep: 0,
+      showTour: false,
+      tourData: [{
+        target: '#btn1',
+        title: '第一步',
+        content: '这是第一步的引导说明',
+        position: 'bottom'
+      }, {
+        target: '#btn2',
+        title: '第二步',
+        content: '这是第二步的引导说明',
+        position: 'right'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.settour = function settour() {
+    this.set({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.close = function close() {
+    this.set({
+      showTour: false
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "settour", null);
+__decorate([bind], default_1.prototype, "close", null);

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    settour(): void;
+    close(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,82 @@
+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 { Tour, Button } 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 = {
+      currentStep: 0,
+      showTour: false,
+      tourData: [{
+        target: '#btn1',
+        title: '第一步',
+        content: '这是第一步的引导说明',
+        position: 'bottom'
+      }, {
+        target: '#btn2',
+        title: '第二步',
+        content: '这是第二步的引导说明',
+        position: 'right'
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.settour = function settour() {
+    this.setState({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.close = function close() {
+    this.setState({
+      showTour: false
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "example-container"
+    }, /*#__PURE__*/React.createElement(Button, {
+      id: "btn1"
+    }, "\u793A\u4F8B\u5143\u7D201"), /*#__PURE__*/React.createElement(Button, {
+      id: "btn2",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u793A\u4F8B\u5143\u7D202")), /*#__PURE__*/React.createElement(Tour, {
+      value: this.state.currentStep,
+      onChangeValue: function onChangeValue(currentStep) {
+        return _this2.setState({
+          currentStep: currentStep
+        });
+      },
+      visible: this.state.showTour,
+      data: this.state.tourData,
+      onFinish: this.close
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.settour
+    }, "\u542F\u52A8\u5F15\u5BFC"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        "marginLeft": "10px"
+      }
+    }, "\u5F53\u524D\u6B65\u9AA4: ", this.state.currentStep >= 0 ? this.state.currentStep + 1 : '未启动')));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "settour", null);
+__decorate([bind], Demo.prototype, "close", null);

package/es/site/data/components/tour/demos/beforeChange/index.d.ts

@@ -0,0 +1,20 @@
+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(): {
+        currentStep: number;
+        showTour: boolean;
+        inputValue: string;
+        errorMsg: string;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+    handleBeforeChange(current: number): boolean;
+}

package/es/site/data/components/tour/demos/beforeChange/index.js

@@ -0,0 +1,69 @@
+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 { bind, 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 {
+      currentStep: 0,
+      showTour: false,
+      inputValue: '',
+      errorMsg: '',
+      tourData: [{
+        target: '#step1',
+        title: '第一步',
+        content: '这是第一步的引导说明',
+        position: 'bottom'
+      }, {
+        target: '#step2',
+        title: '第二步',
+        content: '这是第二步的引导说明',
+        position: 'right'
+      }, {
+        target: '.step3-input',
+        title: '第三步',
+        content: '请在输入框中输入"next"以继续',
+        position: 'bottom'
+      }, {
+        target: '#step4',
+        title: '最后一步',
+        content: '恭喜您完成了所有步骤',
+        position: 'top'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.startTour = function startTour() {
+    this.set({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.finishTour = function finishTour() {
+    this.set({
+      showTour: false
+    });
+  };
+  _proto.handleBeforeChange = function handleBeforeChange(current) {
+    var inputValue = this.get('inputValue');
+    if (current === 3) {
+      if (inputValue !== 'next') {
+        Message.error('请在输入框中输入"next"才能进入下一步');
+        return false;
+      }
+    }
+    return true;
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "startTour", null);
+__decorate([bind], default_1.prototype, "finishTour", null);
+__decorate([bind], default_1.prototype, "handleBeforeChange", null);

package/es/site/data/components/tour/demos/beforeChange/react.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+        inputValue: string;
+        errorMsg: string;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+    handleBeforeChange(current: number): boolean;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tour/demos/beforeChange/react.js

@@ -0,0 +1,129 @@
+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 { Tour, Button, Input } from '@king-design/react';
+import { bind, 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 = {
+      currentStep: 0,
+      showTour: false,
+      inputValue: '',
+      errorMsg: '',
+      tourData: [{
+        target: '#step1',
+        title: '第一步',
+        content: '这是第一步的引导说明',
+        position: 'bottom'
+      }, {
+        target: '#step2',
+        title: '第二步',
+        content: '这是第二步的引导说明',
+        position: 'right'
+      }, {
+        target: '.step3-input',
+        title: '第三步',
+        content: '请在输入框中输入"next"以继续',
+        position: 'bottom'
+      }, {
+        target: '#step4',
+        title: '最后一步',
+        content: '恭喜您完成了所有步骤',
+        position: 'top'
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.startTour = function startTour() {
+    this.setState({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.finishTour = function finishTour() {
+    this.setState({
+      showTour: false
+    });
+  };
+  _proto.handleBeforeChange = function handleBeforeChange(current) {
+    var inputValue = this.state.inputValue;
+    if (current === 3) {
+      if (inputValue !== 'next') {
+        Message.error('请在输入框中输入"next"才能进入下一步');
+        return false;
+      }
+    }
+    return true;
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "example-container"
+    }, /*#__PURE__*/React.createElement(Button, {
+      id: "step1"
+    }, "\u6B65\u9AA41"), /*#__PURE__*/React.createElement(Button, {
+      id: "step2",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u6B65\u9AA42"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "step3-input",
+      placeholder: "\u901A\u8FC7\u9A8C\u8BC1\u624D\u80FD\u8FDB\u5165\u4E0B\u4E00\u6B65",
+      value: this.state.inputValue,
+      onChangeValue: function onChangeValue(inputValue) {
+        return _this2.setState({
+          inputValue: inputValue
+        });
+      }
+    })), /*#__PURE__*/React.createElement(Button, {
+      id: "step4",
+      style: {
+        "marginTop": "20px"
+      }
+    }, "\u6B65\u9AA44")), /*#__PURE__*/React.createElement(Tour, {
+      value: this.state.currentStep,
+      onChangeValue: function onChangeValue(currentStep) {
+        return _this2.setState({
+          currentStep: currentStep
+        });
+      },
+      visible: this.state.showTour,
+      data: this.state.tourData,
+      beforeChange: this.handleBeforeChange,
+      onFinish: this.finishTour
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.startTour
+    }, "\u542F\u52A8\u5F15\u5BFC"), /*#__PURE__*/React.createElement("span", {
+      style: {
+        "marginLeft": "10px"
+      }
+    }, "\u5F53\u524D\u6B65\u9AA4: ", this.state.currentStep >= 0 ? this.state.currentStep + 1 : '未启动'), this.state.errorMsg ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "10px",
+        "color": "#f56c6c"
+      }
+    }, this.state.errorMsg) : undefined));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "startTour", null);
+__decorate([bind], Demo.prototype, "finishTour", null);
+__decorate([bind], Demo.prototype, "handleBeforeChange", null);

package/es/site/data/components/tour/demos/closable/index.d.ts

@@ -0,0 +1,18 @@
+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(): {
+        currentStep: number;
+        showTour: boolean;
+        closable: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+}

package/es/site/data/components/tour/demos/closable/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 { 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 {
+      currentStep: 0,
+      showTour: false,
+      closable: false,
+      tourData: [{
+        target: '#closabelDemo',
+        title: '禁用关闭图标',
+        content: '当closable为true时，header区域关闭图标隐藏',
+        position: 'right'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.startTour = function startTour() {
+    this.set({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.finishTour = function finishTour() {
+    this.set({
+      showTour: false
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "startTour", null);
+__decorate([bind], default_1.prototype, "finishTour", null);

package/es/site/data/components/tour/demos/closable/react.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+        closable: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+    render(): React.JSX.Element;
+}