@king-design/intact 2.1.1 → 3.0.0-beta.1

package/es/site/data/components/copy/demos/children/react.js

@@ -0,0 +1,44 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Copy, Button, Icon } from '@king-design/react';
+import './index.styl';
+
+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(Copy, {
+      text: "Hello King Desgin!"
+    }, "Copy"), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, null, "Copy")), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      size: "mini"
+    }, "Copy")), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-ios-copy",
+      size: "large",
+      hoverable: true
+    })), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, {
+      icon: true,
+      circle: true
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-ios-copy-outline"
+    }))));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

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

@@ -0,0 +1,42 @@
+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/datepicker/demos/basic/react.js

@@ -39,6 +39,14 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       ref: function ref(i) {
         return _this2.__demo = i;
       }
+    }), /*#__PURE__*/React.createElement(Datepicker, {
+      value: this.state.date,
+      onChangeValue: function onChangeValue(date) {
+        return _this2.setState({
+          date: date
+        });
+      },
+      flat: true
     }), /*#__PURE__*/React.createElement(Datepicker, {
       disabled: true,
       value: "2018-01-01"

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

@@ -22,7 +22,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       position: {
         my: 'left top',
         at: 'right top'
-      }
+      },
+      trigger: "click"
     }, /*#__PURE__*/React.createElement(Tooltip, {
       content: "This is a nested Dropdown."
     }, /*#__PURE__*/React.createElement(DropdownItem, null, "item 4")), /*#__PURE__*/React.createElement(DropdownMenu, null, /*#__PURE__*/React.createElement(DropdownItem, null, "item 1"), /*#__PURE__*/React.createElement(Tooltip, {

package/es/site/data/components/icon/demos/disabled/index.d.ts

@@ -0,0 +1,6 @@
+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>;
+}

package/es/site/data/components/icon/demos/disabled/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';
+import './index.styl';
+
+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/icon/demos/disabled/react.d.ts

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

package/es/site/data/components/icon/demos/disabled/react.js

@@ -0,0 +1,33 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Icon } from '@king-design/react';
+import './index.styl';
+
+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(Icon, {
+      className: "ion-happy-outline",
+      disabled: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      hoverable: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      color: "primary"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/icon/demos/icons/index.js

@@ -13,7 +13,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
 
   default_1.defaults = function defaults() {
     return {
-      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+      fonts: ["tag", "clone", "information-fill", "warning-fill", "success-fill", "error-fill", "question-fill", "information", "cloud", "pin", "home", "cut", "servers", "internet", "mail", "paper", "phone", "panel", "alarm", "notification-outline", "earphone", "settings-horizontal", "message", "heart-outline", "return-right", "picture", "logout", "all", "drag", "settings-vertical", "more", "more-circled", "folder", "unlock", "user", "folder-open", "lock", "users", "edit", "location", "delete", "edit2", "settings", "calendar", "search", "alert", "question", "zoom-in", "zoom-out", "fault-outline", "truth-circled", "hide", "visible", "time", "refresh", "batchsearch", "refresh2", "upload", "download", "left-squared", "right-squared", "down-squared", "up-squared", "arrow-right-circled", "arrow-down-circled", "arrow-left-circled", "arrow-up-circled", "arrow-up-big", "arrow-left-big", "arrow-down", "arrow-right-big", "arrow-right", "sortfill", "arrow-left", "arrow-up", "arrow-down-big", "sort", "sortbig", "truth", "check", "close-big", "add-small", "minus", "close", "minuss-mall", "add-big"]
     };
   };
 

package/es/site/data/components/icon/demos/icons/react.js

@@ -19,7 +19,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
-      fonts: ['alert', 'alarm', 'calendar', 'application', 'arrow-right', 'arrow-up', 'arrow-left', 'arrow-down', 'arrow-expand', 'arrow-left-circled', 'arrow-right-circled', 'close', 'bill', 'change', 'cloud-download', 'content-squared', 'cloud', 'arrow-move', 'code-download', 'cloud-server', 'arrow-shrink', 'clone', 'cloud-servers', 'cart', 'delete', 'fault-outline', 'calculate', 'arrow-swap', 'download', 'information', 'internet', 'edit', 'search', 'code-working', 'heart', 'content', 'cut', 'money-square', 'logout', 'cloud-upload', 'lock', 'corporate', 'truth-none', 'resize', 'protect', 'time', 'date', 'document-change', 'scanner', 'notification', 'notification-outline', 'silent', 'heart-outline', 'share', 'pay', 'picture', 'desktop', 'earphone', 'cube', 'user-verify', 'fault', 'location', 'down-squared', 'pay-dollar', 'paperclip', 'settings', 'home', 'more', 'phonecall', 'tag', 'truth-circled', 'refresh', 'watch', 'images', 'sort', 'money-circled', 'trade', 'star-outline', 'minus-circled', 'right', 'left', 'up', 'down', 'upward', 'up-circled', 'pin', 'hide', 'users', 'user', 'return-right', 'message', 'paper', 'phonecall-prohibit', 'speedometer', 'settings-horizontal', 'phone', 'star', 'play', 'refresh-lock', 'shield', 'panel', 'structure', 'settings-vertical', 'printer', 'stop', 'return-left', 'question', 'unlock', 'sound-off', 'up-squared', 'sound-on', 'upload', 'tool', 'visible', 'truth']
+      fonts: ["tag", "clone", "information-fill", "warning-fill", "success-fill", "error-fill", "question-fill", "information", "cloud", "pin", "home", "cut", "servers", "internet", "mail", "paper", "phone", "panel", "alarm", "notification-outline", "earphone", "settings-horizontal", "message", "heart-outline", "return-right", "picture", "logout", "all", "drag", "settings-vertical", "more", "more-circled", "folder", "unlock", "user", "folder-open", "lock", "users", "edit", "location", "delete", "edit2", "settings", "calendar", "search", "alert", "question", "zoom-in", "zoom-out", "fault-outline", "truth-circled", "hide", "visible", "time", "refresh", "batchsearch", "refresh2", "upload", "download", "left-squared", "right-squared", "down-squared", "up-squared", "arrow-right-circled", "arrow-down-circled", "arrow-left-circled", "arrow-up-circled", "arrow-up-big", "arrow-left-big", "arrow-down", "arrow-right-big", "arrow-right", "sortfill", "arrow-left", "arrow-up", "arrow-down-big", "sort", "sortbig", "truth", "check", "close-big", "add-small", "minus", "close", "minuss-mall", "add-big"]
     };
     return _this;
   }

package/es/site/data/components/input/demos/flat/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/input/demos/flat/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;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/input/demos/flat/react.d.ts

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

package/es/site/data/components/input/demos/flat/react.js

@@ -0,0 +1,29 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Input } 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(Input, {
+      placeholder: "Please enter",
+      flat: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      flat: true,
+      value: "disabled",
+      disabled: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/message/demos/duration/index.js

@@ -16,11 +16,11 @@ var default_1 = /*#__PURE__*/function (_Component) {
   var _proto = default_1.prototype;
 
   _proto.showMessage1 = function showMessage1() {
-    Message.info('close after 10s', 10000);
+    Message.info('close after 10s', 1000000);
   };
 
   _proto.showMessage2 = function showMessage2() {
-    Message.info('stick message', 0);
+    Message.success('stick message', 0);
   };
 
   return default_1;

package/es/site/data/components/message/demos/duration/react.js

@@ -15,11 +15,11 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   var _proto = Demo.prototype;
 
   _proto.showMessage1 = function showMessage1() {
-    Message.info('close after 10s', 10000);
+    Message.info('close after 10s', 1000000);
   };
 
   _proto.showMessage2 = function showMessage2() {
-    Message.info('stick message', 0);
+    Message.success('stick message', 0);
   };
 
   _proto.render = function render() {

package/es/site/data/components/pagination/demos/flat/index.d.ts

@@ -0,0 +1,6 @@
+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>;
+}

package/es/site/data/components/pagination/demos/flat/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';
+import './index.styl';
+
+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/pagination/demos/flat/react.d.ts

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

package/es/site/data/components/pagination/demos/{noBoard → flat}/react.js

@@ -14,20 +14,24 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "large"
+      size: "large",
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
-      total: 200
+      flat: true,
+      total: 200,
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "small"
+      size: "small",
+      showGoto: true
     }), /*#__PURE__*/React.createElement(Pagination, {
-      noBorder: true,
+      flat: true,
       total: 200,
-      size: "mini"
+      size: "mini",
+      showGoto: true
     }));
   };
 

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    private popover1;
+    private popover2;
+    ok(): void;
+    cancel(): void;
+    render(): JSX.Element;
+}

package/es/site/data/components/{tooltip/demos/confirm → popover/demos/basic}/react.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Tooltip } from '@king-design/react';
-import { Button } from '@king-design/react';
+import { Popover, Button } from '@king-design/react';
 import { Message } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -18,7 +17,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-    _this.__test = void 0;
+    _this.popover1 = void 0;
+    _this.popover2 = void 0;
     return _this;
   }
 
@@ -35,15 +35,20 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
-      content: "\u786E\u5B9A\u5220\u9664\uFF1F",
-      confirm: true,
-      theme: "light",
-      trigger: "click",
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
       onOk: this.ok,
       onCancel: this.cancel,
       ref: function ref(i) {
-        return _this2.__test = i;
+        return _this2.popover1 = i;
+      }
+    }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")), ' ', /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+      content: "\u8FD9\u662F\u4E00\u6BB5\u63CF\u8FF0\u6587\u5B57",
+      onOk: this.ok,
+      onCancel: this.cancel,
+      ref: function ref(i) {
+        return _this2.popover2 = i;
       }
     }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")));
   };

package/es/site/data/components/popover/demos/button/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>;
+    remove(): void;
+    moveToTrash(): void;
+    cancel(): void;
+}

package/es/site/data/components/popover/demos/button/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 { Message, bind } from 'kpc';
+
+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.remove = function remove() {
+    Message.warning("Clicked remove!");
+    this.refs.popover.hide();
+  };
+
+  _proto.moveToTrash = function moveToTrash() {
+    Message.success('Clicked move to trash!');
+    this.refs.popover.hide();
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+    this.refs.popover.hide();
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };
+
+__decorate([bind], default_1.prototype, "remove", null);
+
+__decorate([bind], default_1.prototype, "moveToTrash", null);
+
+__decorate([bind], default_1.prototype, "cancel", null);

package/es/site/data/components/popover/demos/button/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export default class Demo extends React.Component {
+    private popover;
+    remove(): void;
+    moveToTrash(): void;
+    cancel(): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,73 @@
+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 { Popover, Button } from '@king-design/react';
+import { Message, 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.popover = void 0;
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.remove = function remove() {
+    Message.warning("Clicked remove!");
+    this.popover.hide();
+  };
+
+  _proto.moveToTrash = function moveToTrash() {
+    Message.success('Clicked move to trash!');
+    this.popover.hide();
+  };
+
+  _proto.cancel = function cancel() {
+    Message.info('Clicked cancel!');
+    this.popover.hide();
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+      title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+      ref: function ref(i) {
+        return _this2.popover = i;
+      },
+      slotFooter: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        onClick: this.cancel
+      }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        onClick: this.remove
+      }, "\u6C38\u4E45\u5220\u9664"), /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        type: "primary",
+        onClick: this.moveToTrash
+      }, "\u79FB\u5230\u56DE\u6536\u7AD9"))
+    }, /*#__PURE__*/React.createElement(Button, null, "\u5220\u9664")));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };
+
+__decorate([bind], Demo.prototype, "remove", null);
+
+__decorate([bind], Demo.prototype, "moveToTrash", null);
+
+__decorate([bind], Demo.prototype, "cancel", null);

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

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