@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/demos_ladom.js

@@ -1 +1,791 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[85],{"8QZw":function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG"),i=n("doQp"),s=n.n(i);class c extends a.a.Component{constructor(){super(...arguments),this.state={visible:!1,disabled:!0,bounds:{left:0,top:0,bottom:0,right:0}},this.draggleRef=a.a.createRef(),this.showModal=()=>{this.setState({visible:!0})},this.handleOk=e=>{console.log(e),this.setState({visible:!1})},this.handleCancel=e=>{console.log(e),this.setState({visible:!1})},this.onStart=(e,t)=>{var n,l,a,o;console.log(e);var i=null===(n=window)||void 0===n||null===(l=n.document)||void 0===l?void 0:l.documentElement,s=i.clientWidth,c=i.clientHeight,r=null===(a=this.draggleRef)||void 0===a||null===(o=a.current)||void 0===o?void 0:o.getBoundingClientRect();this.setState({bounds:{left:-(null===r||void 0===r?void 0:r.left)+(null===t||void 0===t?void 0:t.x),right:s-((null===r||void 0===r?void 0:r.right)-(null===t||void 0===t?void 0:t.x)),top:-(null===r||void 0===r?void 0:r.top)+(null===t||void 0===t?void 0:t.y),bottom:c-((null===r||void 0===r?void 0:r.bottom)-(null===t||void 0===t?void 0:t.y))}})}}render(){var e=this.state,t=e.bounds,n=e.disabled,l=e.visible;return a.a.createElement(a.a.Fragment,null,a.a.createElement(o["i"],{onClick:this.showModal},"Open Draggable Modal"),a.a.createElement(o["G"],{title:a.a.createElement("div",{style:{width:"100%",cursor:"move"},onMouseOver:()=>{n&&this.setState({disabled:!1})},onMouseOut:()=>{this.setState({disabled:!0})},onFocus:()=>{},onBlur:()=>{}},"Draggable Modal"),visible:l,onOk:this.handleOk,onCancel:this.handleCancel,modalRender:e=>a.a.createElement(s.a,{disabled:n,bounds:t,onStart:(e,t)=>this.onStart(e,t)},a.a.createElement("div",{ref:this.draggleRef},e))},a.a.createElement("p",null,"Just don't learn physics at school and your life will be full of magic and miracles."),a.a.createElement("br",null),a.a.createElement("p",null,"Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.")))}}t["default"]=c},"8aa2":function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG");class i extends a.a.Component{constructor(){super(...arguments),this.state={loading:!1,visible:!1},this.showModal=()=>{this.setState({visible:!0})},this.handleOk=()=>{this.setState({loading:!0}),setTimeout((()=>{this.setState({loading:!1,visible:!1})}),3e3)},this.handleCancel=()=>{this.setState({visible:!1})}}render(){var e=this.state,t=e.visible,n=e.loading;return a.a.createElement(a.a.Fragment,null,a.a.createElement(o["i"],{type:"primary",onClick:this.showModal},"Open Modal with customized footer"),a.a.createElement(o["G"],{visible:t,title:"Title",onOk:this.handleOk,onCancel:this.handleCancel,footer:[a.a.createElement(o["i"],{key:"back",onClick:this.handleCancel},"Return"),a.a.createElement(o["i"],{key:"submit",type:"primary",loading:n,onClick:this.handleOk},"Submit"),a.a.createElement(o["i"],{key:"link",href:"https://google.com",type:"primary",loading:n,onClick:this.handleOk},"Search on Google")]},a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents...")))}}t["default"]=i},"D+5O":function(e,t,n){"use strict";n.r(t);var l=n("tJVT"),a=n("q1tI"),o=n.n(a),i=n("m/eG"),s=()=>{var e=Object(a["useState"])(!1),t=Object(l["a"])(e,2),n=t[0],s=t[1],c=()=>{s(!0)},r=()=>{s(!1)},m=()=>{s(!1)};return o.a.createElement(o.a.Fragment,null,o.a.createElement(i["i"],{type:"primary",onClick:c},"Open Modal"),o.a.createElement(i["G"],{title:"Basic Modal",visible:n,onOk:r,onCancel:m},o.a.createElement("p",null,"Some contents..."),o.a.createElement("p",null,"Some contents..."),o.a.createElement("p",null,"Some contents...")))};t["default"]=s},DPyT:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG"),i=n("RCxd");function s(){o["G"].destroyAll()}var c=o["G"].confirm;function r(){for(var e=0;e<3;e+=1)setTimeout((()=>{c({icon:a.a.createElement(i["a"],null),content:a.a.createElement(o["i"],{onClick:s},"Click to destroy all"),onOk(){console.log("OK")},onCancel(){console.log("Cancel")}})}),500*e)}var m=()=>a.a.createElement(o["i"],{onClick:r},"Confirm");t["default"]=m},ELFo:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG");function i(){o["G"].info({title:"This is a notification message",content:a.a.createElement("div",null,a.a.createElement("p",null,"some messages...some messages..."),a.a.createElement("p",null,"some messages...some messages...")),onOk(){}})}function s(){o["G"].success({content:"some messages...some messages..."})}function c(){o["G"].error({title:"This is an error message",content:"some messages...some messages..."})}function r(){o["G"].warning({title:"This is a warning message",content:"some messages...some messages..."})}var m=()=>a.a.createElement(o["T"],null,a.a.createElement(o["i"],{onClick:i},"Info"),a.a.createElement(o["i"],{onClick:s},"Success"),a.a.createElement(o["i"],{onClick:c},"Error"),a.a.createElement(o["i"],{onClick:r},"Warning"));t["default"]=m},WDEC:function(e,t,n){"use strict";n.r(t);var l=n("tJVT"),a=n("q1tI"),o=n.n(a),i=n("m/eG"),s=()=>{var e=Object(a["useState"])(!1),t=Object(l["a"])(e,2),n=t[0],s=t[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(i["i"],{type:"primary",onClick:()=>s(!0)},"Open Modal of 1000px width"),o.a.createElement(i["G"],{title:"Modal 1000px width",centered:!0,visible:n,onOk:()=>s(!1),onCancel:()=>s(!1),width:1e3},o.a.createElement("p",null,"some contents..."),o.a.createElement("p",null,"some contents..."),o.a.createElement("p",null,"some contents...")))};t["default"]=s},d2gb:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG"),i=n("RCxd");class s extends a.a.Component{constructor(){super(...arguments),this.state={visible:!1},this.showModal=()=>{this.setState({visible:!0})},this.hideModal=()=>{this.setState({visible:!1})}}render(){return a.a.createElement(a.a.Fragment,null,a.a.createElement(o["i"],{type:"primary",onClick:this.showModal},"Modal"),a.a.createElement(o["G"],{title:"Modal",visible:this.state.visible,onOk:this.hideModal,onCancel:this.hideModal,okText:"\u786e\u8ba4",cancelText:"\u53d6\u6d88"},a.a.createElement("p",null,"Bla bla ..."),a.a.createElement("p",null,"Bla bla ..."),a.a.createElement("p",null,"Bla bla ...")))}}function c(){o["G"].confirm({title:"Confirm",icon:a.a.createElement(i["a"],null),content:"Bla bla ...",okText:"\u786e\u8ba4",cancelText:"\u53d6\u6d88"})}var r=()=>a.a.createElement(o["T"],null,a.a.createElement(s,null),a.a.createElement(o["i"],{onClick:c},"Confirm"));t["default"]=r},hr6L:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG");function i(){var e=5,t=o["G"].success({title:"This is a notification message",content:"This modal will be destroyed after ".concat(e," second.")}),n=setInterval((()=>{e-=1,t.update({content:"This modal will be destroyed after ".concat(e," second.")})}),1e3);setTimeout((()=>{clearInterval(n),t.destroy()}),1e3*e)}var s=()=>a.a.createElement(o["i"],{onClick:i},"Open modal to close in 5s");t["default"]=s},mV3g:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG");class i extends a.a.Component{constructor(){super(...arguments),this.state={modal1Visible:!1,modal2Visible:!1}}setModal1Visible(e){this.setState({modal1Visible:e})}setModal2Visible(e){this.setState({modal2Visible:e})}render(){return a.a.createElement(a.a.Fragment,null,a.a.createElement(o["i"],{type:"primary",onClick:()=>this.setModal1Visible(!0)},"Display a modal dialog at 20px to Top"),a.a.createElement(o["G"],{title:"20px to Top",style:{top:20},visible:this.state.modal1Visible,onOk:()=>this.setModal1Visible(!1),onCancel:()=>this.setModal1Visible(!1)},a.a.createElement("p",null,"some contents..."),a.a.createElement("p",null,"some contents..."),a.a.createElement("p",null,"some contents...")),a.a.createElement("br",null),a.a.createElement("br",null),a.a.createElement(o["i"],{type:"primary",onClick:()=>this.setModal2Visible(!0)},"Vertically centered modal dialog"),a.a.createElement(o["G"],{title:"Vertically centered modal dialog",centered:!0,visible:this.state.modal2Visible,onOk:()=>this.setModal2Visible(!1),onCancel:()=>this.setModal2Visible(!1)},a.a.createElement("p",null,"some contents..."),a.a.createElement("p",null,"some contents..."),a.a.createElement("p",null,"some contents...")))}}t["default"]=i},mmEJ:function(e,t,n){"use strict";n.r(t);var l=n("tJVT"),a=n("q1tI"),o=n.n(a),i=n("m/eG"),s=()=>{var e=Object(a["useState"])(!1),t=Object(l["a"])(e,2),n=t[0],s=t[1],c=Object(a["useState"])(!1),r=Object(l["a"])(c,2),m=r[0],d=r[1],u=Object(a["useState"])("Content of the modal"),h=Object(l["a"])(u,2),E=h[0],p=h[1],b=()=>{s(!0)},v=()=>{p("The modal will be closed after two seconds"),d(!0),setTimeout((()=>{s(!1),d(!1)}),2e3)},g=()=>{console.log("Clicked cancel button"),s(!1)};return o.a.createElement(o.a.Fragment,null,o.a.createElement(i["i"],{type:"primary",onClick:b},"Open Modal with async logic"),o.a.createElement(i["G"],{title:"Title",visible:n,onOk:v,confirmLoading:m,onCancel:g},o.a.createElement("p",null,E)))};t["default"]=s},qZyD:function(e,t,n){"use strict";n.r(t);var l=n("tJVT"),a=n("q1tI"),o=n.n(a),i=n("m/eG"),s=o.a.createContext({}),c=o.a.createContext({}),r={title:"Use Hook!",content:o.a.createElement(o.a.Fragment,null,o.a.createElement(s.Consumer,null,(e=>"Reachable: ".concat(e,"!"))),o.a.createElement("br",null),o.a.createElement(c.Consumer,null,(e=>"Unreachable: ".concat(e,"!"))))},m=()=>{var e=i["G"].useModal(),t=Object(l["a"])(e,2),n=t[0],a=t[1];return o.a.createElement(s.Provider,{value:"Light"},o.a.createElement(i["T"],null,o.a.createElement(i["i"],{onClick:()=>{n.confirm(r)}},"Confirm"),o.a.createElement(i["i"],{onClick:()=>{n.warning(r)}},"Warning"),o.a.createElement(i["i"],{onClick:()=>{n.info(r)}},"Info"),o.a.createElement(i["i"],{onClick:()=>{n.error(r)}},"Error")),a,o.a.createElement(c.Provider,{value:"Bamboo"}))};t["default"]=m},rKuM:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG"),i=n("RCxd"),s=o["G"].confirm;function c(){s({title:"Do you Want to delete these items?",icon:a.a.createElement(i["a"],null),content:"Some descriptions",onOk(){console.log("OK")},onCancel(){console.log("Cancel")}})}function r(){s({title:"Do you want to delete these items?",icon:a.a.createElement(i["a"],null),content:"When clicked the OK button, this dialog will be closed after 1 second",onOk(){return new Promise(((e,t)=>{setTimeout(Math.random()>.5?e:t,1e3)})).catch((()=>console.log("Oops errors!")))},onCancel(){}})}function m(){s({title:"Are you sure delete this task?",icon:a.a.createElement(i["a"],null),content:"Some descriptions",okText:"Yes",okType:"danger",cancelText:"No",onOk(){console.log("OK")},onCancel(){console.log("Cancel")}})}function d(){s({title:"Are you sure delete this task?",icon:a.a.createElement(i["a"],null),content:"Some descriptions",okText:"Yes",okType:"danger",okButtonProps:{disabled:!0},cancelText:"No",onOk(){console.log("OK")},onCancel(){console.log("Cancel")}})}var u=()=>a.a.createElement(o["T"],null,a.a.createElement(o["i"],{onClick:c},"Confirm"),a.a.createElement(o["i"],{onClick:r},"With promise"),a.a.createElement(o["i"],{onClick:m,type:"dashed"},"Delete"),a.a.createElement(o["i"],{onClick:d,type:"dashed"},"With extra props"));t["default"]=u},tgnV:function(e,t,n){"use strict";n.r(t);var l=n("q1tI"),a=n.n(l),o=n("m/eG");class i extends a.a.Component{constructor(){super(...arguments),this.state={visible:!1},this.showModal=()=>{this.setState({visible:!0})},this.handleOk=e=>{console.log(e),this.setState({visible:!1})},this.handleCancel=e=>{console.log(e),this.setState({visible:!1})}}render(){return a.a.createElement(a.a.Fragment,null,a.a.createElement(o["i"],{type:"primary",onClick:this.showModal},"Open Modal with customized button props"),a.a.createElement(o["G"],{title:"Basic Modal",visible:this.state.visible,onOk:this.handleOk,onCancel:this.handleCancel,okButtonProps:{disabled:!0},cancelButtonProps:{disabled:!0}},a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents..."),a.a.createElement("p",null,"Some contents...")))}}t["default"]=i}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [85],
+  {
+    '8QZw': function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG'),
+        i = n('doQp'),
+        s = n.n(i);
+      class c extends a.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = {
+              visible: !1,
+              disabled: !0,
+              bounds: { left: 0, top: 0, bottom: 0, right: 0 },
+            }),
+            (this.draggleRef = a.a.createRef()),
+            (this.showModal = () => {
+              this.setState({ visible: !0 });
+            }),
+            (this.handleOk = (e) => {
+              console.log(e), this.setState({ visible: !1 });
+            }),
+            (this.handleCancel = (e) => {
+              console.log(e), this.setState({ visible: !1 });
+            }),
+            (this.onStart = (e, t) => {
+              var n, l, a, o;
+              console.log(e);
+              var i =
+                  null === (n = window) ||
+                  void 0 === n ||
+                  null === (l = n.document) ||
+                  void 0 === l
+                    ? void 0
+                    : l.documentElement,
+                s = i.clientWidth,
+                c = i.clientHeight,
+                r =
+                  null === (a = this.draggleRef) ||
+                  void 0 === a ||
+                  null === (o = a.current) ||
+                  void 0 === o
+                    ? void 0
+                    : o.getBoundingClientRect();
+              this.setState({
+                bounds: {
+                  left:
+                    -(null === r || void 0 === r ? void 0 : r.left) +
+                    (null === t || void 0 === t ? void 0 : t.x),
+                  right:
+                    s -
+                    ((null === r || void 0 === r ? void 0 : r.right) -
+                      (null === t || void 0 === t ? void 0 : t.x)),
+                  top:
+                    -(null === r || void 0 === r ? void 0 : r.top) +
+                    (null === t || void 0 === t ? void 0 : t.y),
+                  bottom:
+                    c -
+                    ((null === r || void 0 === r ? void 0 : r.bottom) -
+                      (null === t || void 0 === t ? void 0 : t.y)),
+                },
+              });
+            });
+        }
+        render() {
+          var e = this.state,
+            t = e.bounds,
+            n = e.disabled,
+            l = e.visible;
+          return a.a.createElement(
+            a.a.Fragment,
+            null,
+            a.a.createElement(
+              o['i'],
+              { onClick: this.showModal },
+              'Open Draggable Modal',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                title: a.a.createElement(
+                  'div',
+                  {
+                    style: { width: '100%', cursor: 'move' },
+                    onMouseOver: () => {
+                      n && this.setState({ disabled: !1 });
+                    },
+                    onMouseOut: () => {
+                      this.setState({ disabled: !0 });
+                    },
+                    onFocus: () => {},
+                    onBlur: () => {},
+                  },
+                  'Draggable Modal',
+                ),
+                visible: l,
+                onOk: this.handleOk,
+                onCancel: this.handleCancel,
+                modalRender: (e) =>
+                  a.a.createElement(
+                    s.a,
+                    {
+                      disabled: n,
+                      bounds: t,
+                      onStart: (e, t) => this.onStart(e, t),
+                    },
+                    a.a.createElement('div', { ref: this.draggleRef }, e),
+                  ),
+              },
+              a.a.createElement(
+                'p',
+                null,
+                "Just don't learn physics at school and your life will be full of magic and miracles.",
+              ),
+              a.a.createElement('br', null),
+              a.a.createElement(
+                'p',
+                null,
+                'Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.',
+              ),
+            ),
+          );
+        }
+      }
+      t['default'] = c;
+    },
+    '8aa2': function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG');
+      class i extends a.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { loading: !1, visible: !1 }),
+            (this.showModal = () => {
+              this.setState({ visible: !0 });
+            }),
+            (this.handleOk = () => {
+              this.setState({ loading: !0 }),
+                setTimeout(() => {
+                  this.setState({ loading: !1, visible: !1 });
+                }, 3e3);
+            }),
+            (this.handleCancel = () => {
+              this.setState({ visible: !1 });
+            });
+        }
+        render() {
+          var e = this.state,
+            t = e.visible,
+            n = e.loading;
+          return a.a.createElement(
+            a.a.Fragment,
+            null,
+            a.a.createElement(
+              o['i'],
+              { type: 'primary', onClick: this.showModal },
+              'Open Modal with customized footer',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                visible: t,
+                title: 'Title',
+                onOk: this.handleOk,
+                onCancel: this.handleCancel,
+                footer: [
+                  a.a.createElement(
+                    o['i'],
+                    { key: 'back', onClick: this.handleCancel },
+                    'Return',
+                  ),
+                  a.a.createElement(
+                    o['i'],
+                    {
+                      key: 'submit',
+                      type: 'primary',
+                      loading: n,
+                      onClick: this.handleOk,
+                    },
+                    'Submit',
+                  ),
+                  a.a.createElement(
+                    o['i'],
+                    {
+                      key: 'link',
+                      href: 'https://google.com',
+                      type: 'primary',
+                      loading: n,
+                      onClick: this.handleOk,
+                    },
+                    'Search on Google',
+                  ),
+                ],
+              },
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+            ),
+          );
+        }
+      }
+      t['default'] = i;
+    },
+    'D+5O': function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('tJVT'),
+        a = n('q1tI'),
+        o = n.n(a),
+        i = n('m/eG'),
+        s = () => {
+          var e = Object(a['useState'])(!1),
+            t = Object(l['a'])(e, 2),
+            n = t[0],
+            s = t[1],
+            c = () => {
+              s(!0);
+            },
+            r = () => {
+              s(!1);
+            },
+            m = () => {
+              s(!1);
+            };
+          return o.a.createElement(
+            o.a.Fragment,
+            null,
+            o.a.createElement(
+              i['i'],
+              { type: 'primary', onClick: c },
+              'Open Modal',
+            ),
+            o.a.createElement(
+              i['G'],
+              { title: 'Basic Modal', visible: n, onOk: r, onCancel: m },
+              o.a.createElement('p', null, 'Some contents...'),
+              o.a.createElement('p', null, 'Some contents...'),
+              o.a.createElement('p', null, 'Some contents...'),
+            ),
+          );
+        };
+      t['default'] = s;
+    },
+    DPyT: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG'),
+        i = n('RCxd');
+      function s() {
+        o['G'].destroyAll();
+      }
+      var c = o['G'].confirm;
+      function r() {
+        for (var e = 0; e < 3; e += 1)
+          setTimeout(() => {
+            c({
+              icon: a.a.createElement(i['a'], null),
+              content: a.a.createElement(
+                o['i'],
+                { onClick: s },
+                'Click to destroy all',
+              ),
+              onOk() {
+                console.log('OK');
+              },
+              onCancel() {
+                console.log('Cancel');
+              },
+            });
+          }, 500 * e);
+      }
+      var m = () => a.a.createElement(o['i'], { onClick: r }, 'Confirm');
+      t['default'] = m;
+    },
+    ELFo: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG');
+      function i() {
+        o['G'].info({
+          title: 'This is a notification message',
+          content: a.a.createElement(
+            'div',
+            null,
+            a.a.createElement('p', null, 'some messages...some messages...'),
+            a.a.createElement('p', null, 'some messages...some messages...'),
+          ),
+          onOk() {},
+        });
+      }
+      function s() {
+        o['G'].success({ content: 'some messages...some messages...' });
+      }
+      function c() {
+        o['G'].error({
+          title: 'This is an error message',
+          content: 'some messages...some messages...',
+        });
+      }
+      function r() {
+        o['G'].warning({
+          title: 'This is a warning message',
+          content: 'some messages...some messages...',
+        });
+      }
+      var m = () =>
+        a.a.createElement(
+          o['T'],
+          null,
+          a.a.createElement(o['i'], { onClick: i }, 'Info'),
+          a.a.createElement(o['i'], { onClick: s }, 'Success'),
+          a.a.createElement(o['i'], { onClick: c }, 'Error'),
+          a.a.createElement(o['i'], { onClick: r }, 'Warning'),
+        );
+      t['default'] = m;
+    },
+    WDEC: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('tJVT'),
+        a = n('q1tI'),
+        o = n.n(a),
+        i = n('m/eG'),
+        s = () => {
+          var e = Object(a['useState'])(!1),
+            t = Object(l['a'])(e, 2),
+            n = t[0],
+            s = t[1];
+          return o.a.createElement(
+            o.a.Fragment,
+            null,
+            o.a.createElement(
+              i['i'],
+              { type: 'primary', onClick: () => s(!0) },
+              'Open Modal of 1000px width',
+            ),
+            o.a.createElement(
+              i['G'],
+              {
+                title: 'Modal 1000px width',
+                centered: !0,
+                visible: n,
+                onOk: () => s(!1),
+                onCancel: () => s(!1),
+                width: 1e3,
+              },
+              o.a.createElement('p', null, 'some contents...'),
+              o.a.createElement('p', null, 'some contents...'),
+              o.a.createElement('p', null, 'some contents...'),
+            ),
+          );
+        };
+      t['default'] = s;
+    },
+    d2gb: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG'),
+        i = n('RCxd');
+      class s extends a.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { visible: !1 }),
+            (this.showModal = () => {
+              this.setState({ visible: !0 });
+            }),
+            (this.hideModal = () => {
+              this.setState({ visible: !1 });
+            });
+        }
+        render() {
+          return a.a.createElement(
+            a.a.Fragment,
+            null,
+            a.a.createElement(
+              o['i'],
+              { type: 'primary', onClick: this.showModal },
+              'Modal',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                title: 'Modal',
+                visible: this.state.visible,
+                onOk: this.hideModal,
+                onCancel: this.hideModal,
+                okText: '\u786e\u8ba4',
+                cancelText: '\u53d6\u6d88',
+              },
+              a.a.createElement('p', null, 'Bla bla ...'),
+              a.a.createElement('p', null, 'Bla bla ...'),
+              a.a.createElement('p', null, 'Bla bla ...'),
+            ),
+          );
+        }
+      }
+      function c() {
+        o['G'].confirm({
+          title: 'Confirm',
+          icon: a.a.createElement(i['a'], null),
+          content: 'Bla bla ...',
+          okText: '\u786e\u8ba4',
+          cancelText: '\u53d6\u6d88',
+        });
+      }
+      var r = () =>
+        a.a.createElement(
+          o['T'],
+          null,
+          a.a.createElement(s, null),
+          a.a.createElement(o['i'], { onClick: c }, 'Confirm'),
+        );
+      t['default'] = r;
+    },
+    hr6L: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG');
+      function i() {
+        var e = 5,
+          t = o['G'].success({
+            title: 'This is a notification message',
+            content: 'This modal will be destroyed after '.concat(
+              e,
+              ' second.',
+            ),
+          }),
+          n = setInterval(() => {
+            (e -= 1),
+              t.update({
+                content: 'This modal will be destroyed after '.concat(
+                  e,
+                  ' second.',
+                ),
+              });
+          }, 1e3);
+        setTimeout(() => {
+          clearInterval(n), t.destroy();
+        }, 1e3 * e);
+      }
+      var s = () =>
+        a.a.createElement(o['i'], { onClick: i }, 'Open modal to close in 5s');
+      t['default'] = s;
+    },
+    mV3g: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG');
+      class i extends a.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { modal1Visible: !1, modal2Visible: !1 });
+        }
+        setModal1Visible(e) {
+          this.setState({ modal1Visible: e });
+        }
+        setModal2Visible(e) {
+          this.setState({ modal2Visible: e });
+        }
+        render() {
+          return a.a.createElement(
+            a.a.Fragment,
+            null,
+            a.a.createElement(
+              o['i'],
+              { type: 'primary', onClick: () => this.setModal1Visible(!0) },
+              'Display a modal dialog at 20px to Top',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                title: '20px to Top',
+                style: { top: 20 },
+                visible: this.state.modal1Visible,
+                onOk: () => this.setModal1Visible(!1),
+                onCancel: () => this.setModal1Visible(!1),
+              },
+              a.a.createElement('p', null, 'some contents...'),
+              a.a.createElement('p', null, 'some contents...'),
+              a.a.createElement('p', null, 'some contents...'),
+            ),
+            a.a.createElement('br', null),
+            a.a.createElement('br', null),
+            a.a.createElement(
+              o['i'],
+              { type: 'primary', onClick: () => this.setModal2Visible(!0) },
+              'Vertically centered modal dialog',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                title: 'Vertically centered modal dialog',
+                centered: !0,
+                visible: this.state.modal2Visible,
+                onOk: () => this.setModal2Visible(!1),
+                onCancel: () => this.setModal2Visible(!1),
+              },
+              a.a.createElement('p', null, 'some contents...'),
+              a.a.createElement('p', null, 'some contents...'),
+              a.a.createElement('p', null, 'some contents...'),
+            ),
+          );
+        }
+      }
+      t['default'] = i;
+    },
+    mmEJ: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('tJVT'),
+        a = n('q1tI'),
+        o = n.n(a),
+        i = n('m/eG'),
+        s = () => {
+          var e = Object(a['useState'])(!1),
+            t = Object(l['a'])(e, 2),
+            n = t[0],
+            s = t[1],
+            c = Object(a['useState'])(!1),
+            r = Object(l['a'])(c, 2),
+            m = r[0],
+            d = r[1],
+            u = Object(a['useState'])('Content of the modal'),
+            h = Object(l['a'])(u, 2),
+            E = h[0],
+            p = h[1],
+            b = () => {
+              s(!0);
+            },
+            v = () => {
+              p('The modal will be closed after two seconds'),
+                d(!0),
+                setTimeout(() => {
+                  s(!1), d(!1);
+                }, 2e3);
+            },
+            g = () => {
+              console.log('Clicked cancel button'), s(!1);
+            };
+          return o.a.createElement(
+            o.a.Fragment,
+            null,
+            o.a.createElement(
+              i['i'],
+              { type: 'primary', onClick: b },
+              'Open Modal with async logic',
+            ),
+            o.a.createElement(
+              i['G'],
+              {
+                title: 'Title',
+                visible: n,
+                onOk: v,
+                confirmLoading: m,
+                onCancel: g,
+              },
+              o.a.createElement('p', null, E),
+            ),
+          );
+        };
+      t['default'] = s;
+    },
+    qZyD: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('tJVT'),
+        a = n('q1tI'),
+        o = n.n(a),
+        i = n('m/eG'),
+        s = o.a.createContext({}),
+        c = o.a.createContext({}),
+        r = {
+          title: 'Use Hook!',
+          content: o.a.createElement(
+            o.a.Fragment,
+            null,
+            o.a.createElement(s.Consumer, null, (e) =>
+              'Reachable: '.concat(e, '!'),
+            ),
+            o.a.createElement('br', null),
+            o.a.createElement(c.Consumer, null, (e) =>
+              'Unreachable: '.concat(e, '!'),
+            ),
+          ),
+        },
+        m = () => {
+          var e = i['G'].useModal(),
+            t = Object(l['a'])(e, 2),
+            n = t[0],
+            a = t[1];
+          return o.a.createElement(
+            s.Provider,
+            { value: 'Light' },
+            o.a.createElement(
+              i['T'],
+              null,
+              o.a.createElement(
+                i['i'],
+                {
+                  onClick: () => {
+                    n.confirm(r);
+                  },
+                },
+                'Confirm',
+              ),
+              o.a.createElement(
+                i['i'],
+                {
+                  onClick: () => {
+                    n.warning(r);
+                  },
+                },
+                'Warning',
+              ),
+              o.a.createElement(
+                i['i'],
+                {
+                  onClick: () => {
+                    n.info(r);
+                  },
+                },
+                'Info',
+              ),
+              o.a.createElement(
+                i['i'],
+                {
+                  onClick: () => {
+                    n.error(r);
+                  },
+                },
+                'Error',
+              ),
+            ),
+            a,
+            o.a.createElement(c.Provider, { value: 'Bamboo' }),
+          );
+        };
+      t['default'] = m;
+    },
+    rKuM: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG'),
+        i = n('RCxd'),
+        s = o['G'].confirm;
+      function c() {
+        s({
+          title: 'Do you Want to delete these items?',
+          icon: a.a.createElement(i['a'], null),
+          content: 'Some descriptions',
+          onOk() {
+            console.log('OK');
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      }
+      function r() {
+        s({
+          title: 'Do you want to delete these items?',
+          icon: a.a.createElement(i['a'], null),
+          content:
+            'When clicked the OK button, this dialog will be closed after 1 second',
+          onOk() {
+            return new Promise((e, t) => {
+              setTimeout(Math.random() > 0.5 ? e : t, 1e3);
+            }).catch(() => console.log('Oops errors!'));
+          },
+          onCancel() {},
+        });
+      }
+      function m() {
+        s({
+          title: 'Are you sure delete this task?',
+          icon: a.a.createElement(i['a'], null),
+          content: 'Some descriptions',
+          okText: 'Yes',
+          okType: 'danger',
+          cancelText: 'No',
+          onOk() {
+            console.log('OK');
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      }
+      function d() {
+        s({
+          title: 'Are you sure delete this task?',
+          icon: a.a.createElement(i['a'], null),
+          content: 'Some descriptions',
+          okText: 'Yes',
+          okType: 'danger',
+          okButtonProps: { disabled: !0 },
+          cancelText: 'No',
+          onOk() {
+            console.log('OK');
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      }
+      var u = () =>
+        a.a.createElement(
+          o['T'],
+          null,
+          a.a.createElement(o['i'], { onClick: c }, 'Confirm'),
+          a.a.createElement(o['i'], { onClick: r }, 'With promise'),
+          a.a.createElement(o['i'], { onClick: m, type: 'dashed' }, 'Delete'),
+          a.a.createElement(
+            o['i'],
+            { onClick: d, type: 'dashed' },
+            'With extra props',
+          ),
+        );
+      t['default'] = u;
+    },
+    tgnV: function (e, t, n) {
+      'use strict';
+      n.r(t);
+      var l = n('q1tI'),
+        a = n.n(l),
+        o = n('m/eG');
+      class i extends a.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { visible: !1 }),
+            (this.showModal = () => {
+              this.setState({ visible: !0 });
+            }),
+            (this.handleOk = (e) => {
+              console.log(e), this.setState({ visible: !1 });
+            }),
+            (this.handleCancel = (e) => {
+              console.log(e), this.setState({ visible: !1 });
+            });
+        }
+        render() {
+          return a.a.createElement(
+            a.a.Fragment,
+            null,
+            a.a.createElement(
+              o['i'],
+              { type: 'primary', onClick: this.showModal },
+              'Open Modal with customized button props',
+            ),
+            a.a.createElement(
+              o['G'],
+              {
+                title: 'Basic Modal',
+                visible: this.state.visible,
+                onOk: this.handleOk,
+                onCancel: this.handleCancel,
+                okButtonProps: { disabled: !0 },
+                cancelButtonProps: { disabled: !0 },
+              },
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+              a.a.createElement('p', null, 'Some contents...'),
+            ),
+          );
+        }
+      }
+      t['default'] = i;
+    },
+  },
+]);