@king-design/intact 3.5.2 → 3.6.0-beta.0

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.5.2
+ * @king-design v3.6.0-beta.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-beta.0';
 /* generate end */

package/es/site/data/components/datepicker/demos/multiple/index.d.ts

@@ -6,7 +6,6 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
-    datetimeRange?: [string, string][];
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

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

@@ -13,8 +13,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: [],
-      datetimeRange: []
+      dateRange: []
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/multiple/react.d.ts

@@ -5,7 +5,6 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
-    datetimeRange?: [string, string][];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

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

@@ -17,8 +17,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: [],
-      datetimeRange: []
+      dateRange: []
     };
     return _this;
   }
@@ -70,17 +69,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           dateRange: dateRange
         });
       }
-    }), "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,
-      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));
+    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/datepicker/demos/nowrap/index.d.ts

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

package/es/site/data/components/datepicker/demos/nowrap/index.js

@@ -0,0 +1,19 @@
+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 {
+      dateRange: [],
+      mergeDateRange: []
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/datepicker/demos/nowrap/react.d.ts

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

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

@@ -0,0 +1,49 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import React from 'react';
+import { Datepicker } 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 = {
+      dateRange: [],
+      mergeDateRange: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Datepicker, {
+      multiple: true,
+      nowrap: true,
+      range: true,
+      value: this.state.dateRange,
+      onChangeValue: function onChangeValue(dateRange) {
+        return _this2.setState({
+          dateRange: dateRange
+        });
+      }
+    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Datepicker, {
+      multiple: true,
+      nowrap: true,
+      isMerge: true,
+      range: true,
+      value: this.state.mergeDateRange,
+      onChangeValue: function onChangeValue(mergeDateRange) {
+        return _this2.setState({
+          mergeDateRange: mergeDateRange
+        });
+      }
+    }), "You selected: ", _JSON$stringify(this.state.mergeDateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/datepicker/demos/yearMonth/index.d.ts

@@ -4,6 +4,8 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
+    week?: string | null;
+    quarter?: string | null;
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/datepicker/demos/yearMonth/index.js

@@ -11,7 +11,9 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       year: null,
-      month: null
+      month: null,
+      week: null,
+      quarter: null
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/yearMonth/react.d.ts

@@ -3,6 +3,8 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
+    week?: string | null;
+    quarter?: string | null;
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

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

@@ -14,7 +14,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       year: null,
-      month: null
+      month: null,
+      week: null,
+      quarter: null
     };
     return _this;
   }
@@ -38,6 +40,24 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       clearable: true
+    }), /*#__PURE__*/React.createElement(Datepicker, {
+      type: "week",
+      value: this.state.week,
+      onChangeValue: function onChangeValue(week) {
+        return _this2.setState({
+          week: week
+        });
+      },
+      clearable: true
+    }), /*#__PURE__*/React.createElement(Datepicker, {
+      type: "quarter",
+      value: this.state.quarter,
+      onChangeValue: function onChangeValue(quarter) {
+        return _this2.setState({
+          quarter: quarter
+        });
+      },
+      clearable: true
     }));
   };
   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: true,
+      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: ", _JSON$stringify(this.state.dayWithKeywords));
   };
   return Demo;
 }(React.Component);

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

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

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

@@ -14,7 +14,7 @@ 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: ['Tuesday']
     };
     return _this;
   }

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;
+}