@king-design/intact 3.3.1 → 3.3.3

package/es/packages/kpc-react/__tests__/components/select.spec.js

@@ -0,0 +1,55 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useState } from 'react';
+import * as ReactDOM from 'react-dom';
+import { Select, OptionGroup, Option } from '../../';
+import { getElement, wait } from '../../../../test/utils';
+describe('Select', function () {
+  it('should conrrectly show value in filterable mode', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var container, Test, trigger, dropdown;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          container = document.createElement('div');
+          document.body.appendChild(container);
+          Test = function Test() {
+            var _useState = useState(''),
+              value = _useState[0],
+              setValue = _useState[1];
+            var onChangeValue = function onChangeValue(v) {
+              setValue(v != null ? v : '');
+            };
+            return /*#__PURE__*/React.createElement(Select, {
+              value: value,
+              onChangeValue: onChangeValue,
+              card: true,
+              filterable: true
+            }, /*#__PURE__*/React.createElement(OptionGroup, {
+              slotLabel: /*#__PURE__*/React.createElement("div", null, "xxx")
+            }, /*#__PURE__*/React.createElement(Option, {
+              value: "q"
+            }, "Q"), /*#__PURE__*/React.createElement(Option, {
+              value: "p"
+            }, "P")));
+          };
+          ReactDOM.render( /*#__PURE__*/React.createElement(Test, null), container);
+          trigger = container.querySelector('.k-select');
+          trigger.click();
+          _context.next = 8;
+          return wait();
+        case 8:
+          dropdown = getElement('.k-select-menu');
+          dropdown.querySelector('.k-dropdown-item').click();
+          _context.next = 12;
+          return wait();
+        case 12:
+          expect(container.querySelector('.k-input-inner').value).to.eql('Q');
+          ReactDOM.unmountComponentAtNode(container);
+          document.body.removeChild(container);
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});

package/es/packages/kpc-react/__tests__/components/tooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/es/packages/kpc-react/__tests__/components/tooltip.spec.js

@@ -0,0 +1,42 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Tooltip, Form, FormItem } from '../../';
+import { getElement, wait, dispatchEvent } from '../../../../test/utils';
+describe('Tooltip', function () {
+  it('should show Tooltip in append slot', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var click, container, trigger;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          click = sinon.spy(function () {
+            return console.log(1);
+          });
+          container = document.createElement('div');
+          document.body.appendChild(container);
+          ReactDOM.render( /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormItem, {
+            label: "\u6D4B\u8BD5",
+            value: "1",
+            slotAppend: /*#__PURE__*/React.createElement(Tooltip, {
+              content: "\u6D4B\u8BD5"
+            }, /*#__PURE__*/React.createElement("i", {
+              className: "k-icon ion-ionic"
+            }))
+          })), container);
+          trigger = container.querySelector('.k-icon');
+          expect(trigger).to.be.exist;
+          dispatchEvent(trigger, 'mouseover');
+          _context.next = 9;
+          return wait();
+        case 9:
+          expect(getElement('.k-tooltip-content')).to.be.exist;
+          ReactDOM.unmountComponentAtNode(container);
+          document.body.removeChild(container);
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});

package/es/packages/kpc-react/__tests__/index.d.ts

@@ -0,0 +1 @@
+import '../../../test/test.styl';

package/es/packages/kpc-react/__tests__/index.js

@@ -0,0 +1,72 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Component, createRef } from 'intact';
+import { mount, unmount, testDemos, wait } from '../../../test/utils';
+import { matchSnapshot } from 'chai-karma-snapshot';
+import mx from '../components/diagram/mxgraph/mx';
+import '../../../test/test.styl';
+chai.use(matchSnapshot);
+mx.mxClient.IS_POINTER = false;
+var testsContext = require.context('./components/', true, /.*\.spec\.tsx?/);
+_keysInstanceProperty(testsContext).call(testsContext).forEach(testsContext);
+// const reactReq = require.context('~/components/', true, /^((?!(affix|code|layout)).)*\/demos\/.*react\.tsx$/);
+var reactReq = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*react\.tsx$/);
+// const reactReq = require.context('~/components/', true, /layout\/demos\/.*react\.tsx$/);
+describe('React Demos', function () {
+  afterEach(function () {
+    return unmount();
+  });
+  function wrap(Demo) {
+    var _class;
+    return _class = /*#__PURE__*/function (_Component) {
+      _inheritsLoose(_class, _Component);
+      function _class() {
+        var _context;
+        var _this;
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+        _this.elementRef = createRef();
+        return _this;
+      }
+      var _proto = _class.prototype;
+      _proto.mounted = function mounted() {
+        ReactDOM.render( /*#__PURE__*/React.createElement(Demo), this.elementRef.value);
+      };
+      _proto.beforeUnmount = function beforeUnmount() {
+        ReactDOM.unmountComponentAtNode(this.elementRef.value);
+      };
+      return _class;
+    }(Component), _class.template = '<div ref={this.elementRef}></div>', _class;
+  }
+  testDemos(reactReq, /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(Demo) {
+      var _mount, instance, element, innerHTML;
+      return _regeneratorRuntime.wrap(function _callee$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount = mount(wrap(Demo)), instance = _mount[0], element = _mount[1];
+            _context2.next = 3;
+            return wait(100);
+          case 3:
+            // FIXME: I don't know why the width of `autoWidth` input is an unexpected value
+            // while we run test on Github Actions.
+            innerHTML = element.innerHTML.replace(/(\<input.*?style="width: )(?:.*?)(px;")/g, '$1$2');
+            expect(innerHTML).to.matchSnapshot();
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+});

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

@@ -25,7 +25,13 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "link"
     }, "link"), /*#__PURE__*/React.createElement(Button, {
       type: "flat"
-    }, "flat"));
+    }, "flat"), /*#__PURE__*/React.createElement(Button, {
+      color: "red"
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
+      color: "#0000ea"
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
+      color: "rgb(183, 18, 193)"
+    }, "custom"));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/button/demos/ghost/react.js

@@ -30,6 +30,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "success",
       ghost: true
     }, "success"), /*#__PURE__*/React.createElement(Button, {
+      color: "rgb(183, 18, 193)",
+      ghost: true
+    }, "custom"), /*#__PURE__*/React.createElement(Button, {
       type: "none",
       ghost: true
     }, "none"), /*#__PURE__*/React.createElement(Button, {

package/es/site/data/components/button/demos/group/react.js

@@ -142,6 +142,23 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "guangzhou"
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen"
+    }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement("p", null, "\u652F\u6301\u81EA\u5B9A\u4E49ButtonGroup\u4E0B\u7684Button\u5BBD\u5EA6"), /*#__PURE__*/React.createElement(ButtonGroup, {
+      checkType: "radio",
+      value: this.state.city,
+      onChangeValue: function onChangeValue(city) {
+        return _this2.setState({
+          city: city
+        });
+      },
+      btnWidth: "100px"
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "beijing"
+    }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
+      value: "shanghai"
+    }, "\u4E0A\u6D77"), /*#__PURE__*/React.createElement(Button, {
+      value: "guangzhou"
+    }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
+      value: "shenzhen"
     }, "\u6DF1\u5733")));
   };
   return Demo;

package/es/site/data/components/dialog/demos/static/index.d.ts

@@ -9,4 +9,5 @@ export default class extends Component<Props> {
     static defaults(): Props;
     showDialog(type: Type): void;
     showDialogWithTitle(type: Type): void;
+    showAsyncCloseConfirm(): void;
 }

package/es/site/data/components/dialog/demos/static/index.js

@@ -33,6 +33,21 @@ var default_1 = /*#__PURE__*/function (_Component) {
       Message.info('clicked cancel button');
     });
   };
+  _proto.showAsyncCloseConfirm = function showAsyncCloseConfirm() {
+    var dialog;
+    Dialog.confirm({
+      content: '点击确认，异步关闭',
+      ref: function ref(_dialog) {
+        return dialog = _dialog;
+      },
+      ok: function ok() {
+        dialog.showLoading();
+        setTimeout(function () {
+          dialog.close();
+        }, 3000);
+      }
+    });
+  };
   return default_1;
 }(Component);
 default_1.template = template;

package/es/site/data/components/dialog/demos/static/react.d.ts

@@ -7,6 +7,7 @@ export default class Demo extends React.Component<{}, Props> {
     state: Props;
     showDialog(type: Type): void;
     showDialogWithTitle(type: Type): void;
+    showAsyncCloseConfirm(): void;
     render(): React.JSX.Element;
 }
 export {};

package/es/site/data/components/dialog/demos/static/react.js

@@ -38,6 +38,21 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       Message.info('clicked cancel button');
     });
   };
+  _proto.showAsyncCloseConfirm = function showAsyncCloseConfirm() {
+    var dialog;
+    Dialog.confirm({
+      content: '点击确认，异步关闭',
+      ref: function ref(_dialog) {
+        return dialog = _dialog;
+      },
+      ok: function ok() {
+        dialog.showLoading();
+        setTimeout(function () {
+          dialog.close();
+        }, 3000);
+      }
+    });
+  };
   _proto.render = function render() {
     var _context2,
       _this2 = this,
@@ -50,7 +65,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(Button, {
         onClick: _this2.showDialogWithTitle.bind(_this2, $value)
       }, "Show ", $value[0].toUpperCase() + $value.substring(1), " Dialog with Title");
-    })));
+    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showAsyncCloseConfirm
+    }, "\u5F02\u6B65\u5173\u95EDconfirm\u5F39\u5C42"));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/menu/demos/collapse/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("misstime").Key>;
+    private __test;
+    setTheme(theme?: string): void;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/showCollapseArrow/react.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("misstime").Key>;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+export default class Demo extends React.Component {
+    state: MenuProps<import("misstime").Key>;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,12 @@
+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(): {
+        value1: boolean;
+        value2: boolean;
+    };
+    beforeChange(value: any): Promise<boolean>;
+    beforeChangeFalse(value: any): Promise<boolean>;
+}

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

@@ -0,0 +1,39 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+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 {
+      value1: false,
+      value2: false
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.beforeChange = function beforeChange(value) {
+    return new _Promise(function (resolve) {
+      Message.warning("current value is " + value);
+      setTimeout(function () {
+        resolve(true);
+      }, 1000);
+    });
+  };
+  _proto.beforeChangeFalse = function beforeChangeFalse(value) {
+    Message.warning("current value is " + value);
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        resolve(false);
+      }, 1000);
+    });
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        value1: boolean;
+        value2: boolean;
+    };
+    beforeChange(value: any): Promise<boolean>;
+    beforeChangeFalse(value: any): Promise<boolean>;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,62 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import React from 'react';
+import { Switch } from '@king-design/react';
+import './index.styl';
+import { 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 = {
+      value1: false,
+      value2: false
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.beforeChange = function beforeChange(value) {
+    return new _Promise(function (resolve) {
+      Message.warning("current value is " + value);
+      setTimeout(function () {
+        resolve(true);
+      }, 1000);
+    });
+  };
+  _proto.beforeChangeFalse = function beforeChangeFalse(value) {
+    Message.warning("current value is " + value);
+    return new _Promise(function (resolve) {
+      setTimeout(function () {
+        resolve(false);
+      }, 1000);
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.value1,
+      onChangeValue: function onChangeValue(value1) {
+        return _this2.setState({
+          value1: value1
+        });
+      },
+      beforeChange: this.beforeChange
+    }), /*#__PURE__*/React.createElement(Switch, {
+      value: this.state.value2,
+      onChangeValue: function onChangeValue(value2) {
+        return _this2.setState({
+          value2: value2
+        });
+      },
+      beforeChange: this.beforeChangeFalse
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/table/demos/hidden/index.d.ts

@@ -0,0 +1,14 @@
+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(): {
+        data: {
+            a: string;
+            b: string;
+            c: string;
+        }[];
+        data2: never[];
+    };
+}

package/es/site/data/components/table/demos/hidden/index.js

@@ -0,0 +1,28 @@
+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 {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2',
+        c: 'cell 1-3'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2',
+        c: 'cell 2-3'
+      }],
+      data2: []
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/table/demos/hidden/react.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        data: {
+            a: string;
+            b: string;
+            c: string;
+        }[];
+        data2: never[];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/table/demos/hidden/react.js

@@ -0,0 +1,63 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Table, TableColumn } 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 = {
+      data: [{
+        a: 'Cell 1-1',
+        b: 'Cell 1-2',
+        c: 'cell 1-3'
+      }, {
+        a: 'Cell 2-1',
+        b: 'Cell 2-2',
+        c: 'cell 2-3'
+      }],
+      data2: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      resizable: true
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      minWidth: 200
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      minWidth: 300,
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3"
+    })), /*#__PURE__*/React.createElement("p", null, "\u65E0\u6570\u636E\u5C55\u793A"), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data2,
+      resizable: true
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3"
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/timeline/demos/custom/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/timeline/demos/custom/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/timeline/demos/type/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/timeline/demos/type/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/timeline/demos/type/react.js

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Timeline, TimelineItem } 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(Timeline, null, /*#__PURE__*/React.createElement(TimelineItem, null, "August"), /*#__PURE__*/React.createElement(TimelineItem, {
+      type: "success",
+      size: "small"
+    }, "July"), /*#__PURE__*/React.createElement(TimelineItem, {
+      type: "danger",
+      size: "large"
+    }, "June"), /*#__PURE__*/React.createElement(TimelineItem, {
+      type: "warning",
+      size: "mini"
+    }, "May"));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

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

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