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

package/es/site/data/components/tour/demos/customText/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;
+        nextText: string;
+        prevText: string;
+        doneText: string;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+}

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

@@ -0,0 +1,54 @@
+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,
+      nextText: '前进',
+      prevText: '返回',
+      doneText: '完成设置',
+      tourData: [{
+        target: '#customText1',
+        title: '自定义按钮文本',
+        content: '您可以看到底部的按钮已经被自定义了',
+        position: 'bottom'
+      }, {
+        target: '#customText2',
+        title: '支持更改文本',
+        content: '可以根据不同的语言环境定制按钮文本',
+        position: 'bottom'
+      }, {
+        target: '#customText3',
+        title: '最后一步',
+        content: '完成按钮也可以自定义',
+        position: 'bottom'
+      }]
+    };
+  };
+  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/customText/react.d.ts

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

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

@@ -0,0 +1,95 @@
+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,
+      nextText: '前进',
+      prevText: '返回',
+      doneText: '完成设置',
+      tourData: [{
+        target: '#customText1',
+        title: '自定义按钮文本',
+        content: '您可以看到底部的按钮已经被自定义了',
+        position: 'bottom'
+      }, {
+        target: '#customText2',
+        title: '支持更改文本',
+        content: '可以根据不同的语言环境定制按钮文本',
+        position: 'bottom'
+      }, {
+        target: '#customText3',
+        title: '最后一步',
+        content: '完成按钮也可以自定义',
+        position: 'bottom'
+      }]
+    };
+    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.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "example-container"
+    }, /*#__PURE__*/React.createElement(Button, {
+      id: "customText1"
+    }, "\u7B2C\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
+      id: "customText2",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u7B2C\u4E8C\u6B65"), /*#__PURE__*/React.createElement(Button, {
+      id: "customText3",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u7B2C\u4E09\u6B65")), /*#__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,
+      doneText: this.state.doneText,
+      onFinish: this.finishTour
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.startTour,
+      style: {
+        "marginLeft": "10px"
+      }
+    }, "\u542F\u52A8\u5F15\u5BFC")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "startTour", null);
+__decorate([bind], Demo.prototype, "finishTour", null);

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

@@ -0,0 +1,11 @@
+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;
+    };
+    settour(): void;
+    close(): void;
+}

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

@@ -0,0 +1,36 @@
+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 // 默认不显示
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.settour = function settour() {
+    // 重置步骤并显示Tour
+    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/declarative/react.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+    };
+    settour(): void;
+    close(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,80 @@
+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, TourStep, 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 // 默认不显示
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.settour = function settour() {
+    // 重置步骤并显示Tour
+    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: "btn3"
+    }, "\u793A\u4F8B\u5143\u7D201"), /*#__PURE__*/React.createElement(Button, {
+      id: "btn4",
+      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,
+      onFinish: this.close
+    }, /*#__PURE__*/React.createElement(TourStep, {
+      target: "#btn3",
+      title: "\u7B2C\u4E00\u6B65",
+      content: "\u8FD9\u662F\u4F7F\u7528\u5B50\u7EC4\u4EF6\u65B9\u5F0F\u7684\u7B2C\u4E00\u6B65\u8BF4\u660E",
+      position: "left"
+    }), /*#__PURE__*/React.createElement(TourStep, {
+      target: "#btn4",
+      title: "\u7B2C\u4E8C\u6B65",
+      position: "top"
+    }, "\u8FD9\u662F\u4F7F\u7528\u5B50\u7EC4\u4EF6\u65B9\u5F0F\u7684\u7B2C\u4E8C\u6B65\u8BF4\u660E")), /*#__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/events/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;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+        }[];
+    };
+    startTour(): void;
+    handlePrev(index: number): void;
+    handleNext(index: number): void;
+    handleFinish(): void;
+}

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

@@ -0,0 +1,58 @@
+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';
+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 {
+      currentStep: 0,
+      showTour: false,
+      tourData: [{
+        target: '#event-btn1',
+        title: '第一步',
+        content: '点击"下一步"按钮，将触发next事件'
+      }, {
+        target: '#event-btn2',
+        title: '第二步',
+        content: '点击"上一步"按钮，将触发prev事件'
+      }, {
+        target: '#event-btn3',
+        title: '第三步',
+        content: '点击"完成"按钮或关闭图标，将触发finish事件'
+      }]
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.startTour = function startTour() {
+    this.set({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.handlePrev = function handlePrev(index) {
+    Message.success("\u4E0A\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
+  };
+  _proto.handleNext = function handleNext(index) {
+    Message.success("\u4E0B\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
+  };
+  _proto.handleFinish = function handleFinish() {
+    Message.success('引导结束事件触发');
+    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, "handlePrev", null);
+__decorate([bind], default_1.prototype, "handleNext", null);
+__decorate([bind], default_1.prototype, "handleFinish", null);

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        currentStep: number;
+        showTour: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+        }[];
+    };
+    startTour(): void;
+    handlePrev(index: number): void;
+    handleNext(index: number): void;
+    handleFinish(): void;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,101 @@
+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, Message } 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 = {
+      currentStep: 0,
+      showTour: false,
+      tourData: [{
+        target: '#event-btn1',
+        title: '第一步',
+        content: '点击"下一步"按钮，将触发next事件'
+      }, {
+        target: '#event-btn2',
+        title: '第二步',
+        content: '点击"上一步"按钮，将触发prev事件'
+      }, {
+        target: '#event-btn3',
+        title: '第三步',
+        content: '点击"完成"按钮或关闭图标，将触发finish事件'
+      }]
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.startTour = function startTour() {
+    this.setState({
+      showTour: true,
+      currentStep: 0
+    });
+  };
+  _proto.handlePrev = function handlePrev(index) {
+    Message.success("\u4E0A\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
+  };
+  _proto.handleNext = function handleNext(index) {
+    Message.success("\u4E0B\u4E00\u6B65\u4E8B\u4EF6\u89E6\u53D1: \u5F53\u524D\u6B65\u9AA4 " + (index + 1));
+  };
+  _proto.handleFinish = function handleFinish() {
+    Message.success('引导结束事件触发');
+    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: "event-btn1"
+    }, "\u7B2C\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
+      id: "event-btn2",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u7B2C\u4E8C\u6B65"), /*#__PURE__*/React.createElement(Button, {
+      id: "event-btn3",
+      style: {
+        "marginLeft": "20px"
+      }
+    }, "\u7B2C\u4E09\u6B65")), /*#__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,
+      onPrev: this.handlePrev,
+      onNext: this.handleNext,
+      onFinish: this.handleFinish
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.startTour
+    }, "\u5F00\u59CB\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, "startTour", null);
+__decorate([bind], Demo.prototype, "handlePrev", null);
+__decorate([bind], Demo.prototype, "handleNext", null);
+__decorate([bind], Demo.prototype, "handleFinish", null);

package/es/site/data/components/tour/demos/maskClosable/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;
+        maskClosable: boolean;
+        tourData: {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+        }[];
+    };
+    startTour(): void;
+    finishTour(): void;
+}

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

@@ -0,0 +1,47 @@
+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,
+      maskClosable: true,
+      tourData: [{
+        target: '#maskDemo1',
+        title: '遮罩层交互',
+        content: '当maskClosable为true时，点击遮罩层可关闭引导',
+        position: 'bottom'
+      }, {
+        target: '#maskDemo2',
+        title: '禁用遮罩层关闭',
+        content: '当maskClosable为false时，点击遮罩层无反应，必须使用按钮进行操作',
+        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/maskClosable/react.d.ts

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