(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [88],
  {
    '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;
    },
  },
]);
