@king-design/intact 3.3.1 → 3.3.3

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

@@ -0,0 +1,38 @@
+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 { Tip } 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 = {
+      types: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(_context2 = this.state.types).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tip, {
+        key: $value,
+        type: $value,
+        closable: true
+      }, $value);
+    }), /*#__PURE__*/React.createElement(Tip, {
+      closable: true,
+      border: "dashed",
+      slotClose: /*#__PURE__*/React.createElement(React.Fragment, null, "No longer show")
+    }, "custom closing content"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tip/demos/title/index.d.ts

@@ -0,0 +1,9 @@
+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>;
+    static defaults(): {
+        types: readonly ["default", "primary", "success", "warning", "danger"];
+    };
+}

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

package/es/site/data/components/tip/demos/title/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        types: readonly ["default", "primary", "success", "warning", "danger"];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tip/demos/title/react.js

@@ -0,0 +1,35 @@
+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 { Tip } 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 = {
+      types: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(_context2 = this.state.types).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tip, {
+        slotTitle: /*#__PURE__*/React.createElement(React.Fragment, null, $value),
+        key: $value,
+        type: $value,
+        closable: true
+      }, "This is a ", $value, " tip.");
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tip/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/tip/index.js

@@ -0,0 +1,32 @@
+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/tooltip/demos/always/index.d.ts

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

package/es/site/data/components/tooltip/demos/always/index.js

@@ -0,0 +1,17 @@
+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;
+  }
+  var _proto = default_1.prototype;
+  _proto.container = function container(dom) {
+    return dom.parentElement;
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tooltip/demos/always/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    container(dom: Element): HTMLElement;
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tooltip/demos/always/react.js

@@ -0,0 +1,31 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Tooltip } 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.container = function container(dom) {
+    return dom.parentElement;
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hello",
+      always: true,
+      value: true,
+      container: this.container
+    }, "always show this tootip"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "",
+      always: true,
+      value: true
+    }, "don't show if content is empty"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

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

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

@@ -0,0 +1,13 @@
+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;
+  }
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

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

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

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Tooltip } 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.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hello"
+    }, "hover the text"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hello",
+      size: "small"
+    }, "small size"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, null, "don't show anything if content is empty"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hello",
+      theme: "light"
+    }, "light theme"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hello",
+      disabled: true
+    }, "disabled"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tooltip/demos/content/index.d.ts

@@ -0,0 +1,8 @@
+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(): {
+        volume: number;
+    };
+}

package/es/site/data/components/tooltip/demos/content/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';
+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 {
+      volume: 0
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tooltip/demos/content/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    state: {
+        volume: number;
+    };
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,41 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Tooltip, Slider, Button } 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 = {
+      volume: 0
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: "click",
+      slotContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider, {
+        value: this.state.volume,
+        onChangeValue: function onChangeValue(volume) {
+          return _this2.setState({
+            volume: volume
+          });
+        },
+        style: {
+          "width": "200px"
+        },
+        showInput: false,
+        showEnd: false
+      }))
+    }, /*#__PURE__*/React.createElement(Button, null, "Adjust Volume")));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tooltip/demos/position/index.d.ts

@@ -0,0 +1,28 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+interface Props {
+    position: 'left' | 'bottom' | 'right' | 'top' | 'custom';
+    xAxisKeywords: string[];
+    yAxisKeywords: string[];
+    pos: Pos;
+}
+type Pos = {
+    myX: string;
+    myXOffset: number;
+    myY: string;
+    myYOffset: number;
+    atX: string;
+    atXOffset: number;
+    atY: string;
+    atYOffset: number;
+};
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): Props;
+    getPosition(): "left" | "top" | "right" | "bottom" | {
+        my: string;
+        at: string;
+    };
+    getContent(): string;
+}

package/es/site/data/components/tooltip/demos/position/index.js

@@ -0,0 +1,50 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+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 {
+      position: 'left',
+      xAxisKeywords: ['left', 'center', 'right'],
+      yAxisKeywords: ['top', 'center', 'bottom'],
+      pos: {
+        myX: 'center',
+        myXOffset: 0,
+        myY: 'bottom',
+        myYOffset: -10,
+        atX: 'center',
+        atXOffset: 0,
+        atY: 'top',
+        atYOffset: 0
+      }
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.getPosition = function getPosition() {
+    var position = this.get('position');
+    var getNumStr = function getNumStr(num) {
+      return num > 0 ? "+" + num : num === 0 ? '' : num;
+    };
+    if (position === 'custom') {
+      var pos = this.get('pos');
+      return {
+        my: "" + pos.myX + getNumStr(pos.myXOffset) + " " + pos.myY + getNumStr(pos.myYOffset),
+        at: "" + pos.atX + getNumStr(pos.atXOffset) + " " + pos.atY + getNumStr(pos.atYOffset)
+      };
+    }
+    return position;
+  };
+  _proto.getContent = function getContent() {
+    return _JSON$stringify(this.getPosition());
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tooltip/demos/position/react.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    position: 'left' | 'bottom' | 'right' | 'top' | 'custom';
+    xAxisKeywords: string[];
+    yAxisKeywords: string[];
+    pos: Pos;
+}
+type Pos = {
+    myX: string;
+    myXOffset: number;
+    myY: string;
+    myYOffset: number;
+    atX: string;
+    atXOffset: number;
+    atY: string;
+    atYOffset: number;
+};
+export default class Demo extends React.Component<{}, Props> {
+    state: Props;
+    onChangePos(key: string, value: any): void;
+    getPosition(): "left" | "top" | "right" | "bottom" | {
+        my: string;
+        at: string;
+    };
+    getContent(): string;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/tooltip/demos/position/react.js

@@ -0,0 +1,148 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import React from 'react';
+import { Tooltip, ButtonGroup, Button, Form, FormItem, Select, Option, Spinner } 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 = {
+      position: 'left',
+      xAxisKeywords: ['left', 'center', 'right'],
+      yAxisKeywords: ['top', 'center', 'bottom'],
+      pos: {
+        myX: 'center',
+        myXOffset: 0,
+        myY: 'bottom',
+        myYOffset: -10,
+        atX: 'center',
+        atXOffset: 0,
+        atY: 'top',
+        atYOffset: 0
+      }
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.onChangePos = function onChangePos(key, value) {
+    var _extends2;
+    this.setState({
+      pos: _extends({}, this.state.pos, (_extends2 = {}, _extends2[key] = value, _extends2))
+    });
+  };
+  _proto.getPosition = function getPosition() {
+    var position = this.state.position;
+    var getNumStr = function getNumStr(num) {
+      return num > 0 ? "+" + num : num === 0 ? '' : num;
+    };
+    if (position === 'custom') {
+      var pos = this.state.pos;
+      return {
+        my: "" + pos.myX + getNumStr(pos.myXOffset) + " " + pos.myY + getNumStr(pos.myYOffset),
+        at: "" + pos.atX + getNumStr(pos.atXOffset) + " " + pos.atY + getNumStr(pos.atYOffset)
+      };
+    }
+    return position;
+  };
+  _proto.getContent = function getContent() {
+    return _JSON$stringify(this.getPosition());
+  };
+  _proto.render = function render() {
+    var _this2 = this,
+      _context2,
+      _context3,
+      _context4,
+      _context5,
+      _context6;
+    return /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormItem, {
+      label: "position:"
+    }, /*#__PURE__*/React.createElement(ButtonGroup, {
+      checkType: "radio",
+      value: this.state.position,
+      onChangeValue: function onChangeValue(position) {
+        return _this2.setState({
+          position: position
+        });
+      }
+    }, _mapInstanceProperty(_context2 = ['left', 'right', 'top', 'bottom', 'custom']).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Button, {
+        value: $value
+      }, $value);
+    }))), this.state.position === 'custom' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, {
+      label: "my:"
+    }, "x: ", /*#__PURE__*/React.createElement(Select, {
+      width: "100",
+      value: this.state.pos.myX,
+      onChangeValue: this.onChangePos.bind(this, 'myX')
+    }, _mapInstanceProperty(_context3 = this.state.xAxisKeywords).call(_context3, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Option, {
+        value: $value
+      }, $value);
+    })), /*#__PURE__*/React.createElement(Spinner, {
+      vertical: true,
+      value: this.state.pos.myXOffset,
+      onChangeValue: this.onChangePos.bind(this, 'myXOffset')
+    }), "y: ", /*#__PURE__*/React.createElement(Select, {
+      width: "100",
+      value: this.state.pos.myY,
+      onChangeValue: this.onChangePos.bind(this, 'myY')
+    }, _mapInstanceProperty(_context4 = this.state.yAxisKeywords).call(_context4, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Option, {
+        value: $value
+      }, $value);
+    })), /*#__PURE__*/React.createElement(Spinner, {
+      vertical: true,
+      value: this.state.pos.myYOffset,
+      onChangeValue: this.onChangePos.bind(this, 'myYOffset')
+    })), /*#__PURE__*/React.createElement(FormItem, {
+      label: "at:"
+    }, "x: ", /*#__PURE__*/React.createElement(Select, {
+      width: "100",
+      value: this.state.pos.atX,
+      onChangeValue: this.onChangePos.bind(this, 'atX')
+    }, _mapInstanceProperty(_context5 = this.state.xAxisKeywords).call(_context5, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Option, {
+        value: $value
+      }, $value);
+    })), /*#__PURE__*/React.createElement(Spinner, {
+      vertical: true,
+      value: this.state.pos.atXOffset,
+      onChangeValue: this.onChangePos.bind(this, 'atXOffset')
+    }), "y: ", /*#__PURE__*/React.createElement(Select, {
+      width: "100",
+      value: this.state.pos.atY,
+      onChangeValue: this.onChangePos.bind(this, 'atY')
+    }, _mapInstanceProperty(_context6 = this.state.yAxisKeywords).call(_context6, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Option, {
+        value: $value
+      }, $value);
+    })), /*#__PURE__*/React.createElement(Spinner, {
+      vertical: true,
+      value: this.state.pos.atYOffset,
+      onChangeValue: this.onChangePos.bind(this, 'atYOffset')
+    }))) : undefined, /*#__PURE__*/React.createElement(FormItem, {
+      key: "opera",
+      fluid: true
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "opera"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: this.getContent(),
+      position: this.getPosition(),
+      always: true,
+      value: true,
+      container: ".opera",
+      hoverable: true
+    }, /*#__PURE__*/React.createElement(Button, null, "at")))));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };