(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [120],
  {
    '2HEe': function (e, t, a) {
      var n, r, l;
      (function (a, o) {
        (r = [t, e]),
          (n = o),
          (l = 'function' === typeof n ? n.apply(t, r) : n),
          void 0 === l || (e.exports = l);
      })(0, function (e, t) {
        'use strict';
        var a = {
          timeout: 5e3,
          jsonpCallback: 'callback',
          jsonpCallbackFunction: null,
        };
        function n() {
          return 'jsonp_' + Date.now() + '_' + Math.ceil(1e5 * Math.random());
        }
        function r(e) {
          try {
            delete window[e];
          } catch (t) {
            window[e] = void 0;
          }
        }
        function l(e) {
          var t = document.getElementById(e);
          t && document.getElementsByTagName('head')[0].removeChild(t);
        }
        function o(e) {
          var t =
              arguments.length <= 1 || void 0 === arguments[1]
                ? {}
                : arguments[1],
            o = e,
            c = t.timeout || a.timeout,
            i = t.jsonpCallback || a.jsonpCallback,
            u = void 0;
          return new Promise(function (a, s) {
            var m = t.jsonpCallbackFunction || n(),
              d = i + '_' + m;
            (window[m] = function (e) {
              a({
                ok: !0,
                json: function () {
                  return Promise.resolve(e);
                },
              }),
                u && clearTimeout(u),
                l(d),
                r(m);
            }),
              (o += -1 === o.indexOf('?') ? '?' : '&');
            var p = document.createElement('script');
            p.setAttribute('src', '' + o + i + '=' + m),
              t.charset && p.setAttribute('charset', t.charset),
              t.nonce && p.setAttribute('nonce', t.nonce),
              t.referrerPolicy &&
                p.setAttribute('referrerPolicy', t.referrerPolicy),
              (p.id = d),
              document.getElementsByTagName('head')[0].appendChild(p),
              (u = setTimeout(function () {
                s(new Error('JSONP request to ' + e + ' timed out')),
                  r(m),
                  l(d),
                  (window[m] = function () {
                    r(m);
                  });
              }, c)),
              (p.onerror = function () {
                s(new Error('JSONP request to ' + e + ' failed')),
                  r(m),
                  l(d),
                  u && clearTimeout(u);
              });
          });
        }
        t.exports = o;
      });
    },
    '4JlD': function (e, t, a) {
      'use strict';
      var n = function (e) {
        switch (typeof e) {
          case 'string':
            return e;
          case 'boolean':
            return e ? 'true' : 'false';
          case 'number':
            return isFinite(e) ? e : '';
          default:
            return '';
        }
      };
      e.exports = function (e, t, a, c) {
        return (
          (t = t || '&'),
          (a = a || '='),
          null === e && (e = void 0),
          'object' === typeof e
            ? l(o(e), function (o) {
                var c = encodeURIComponent(n(o)) + a;
                return r(e[o])
                  ? l(e[o], function (e) {
                      return c + encodeURIComponent(n(e));
                    }).join(t)
                  : c + encodeURIComponent(n(e[o]));
              }).join(t)
            : c
            ? encodeURIComponent(n(c)) + a + encodeURIComponent(n(e))
            : ''
        );
      };
      var r =
        Array.isArray ||
        function (e) {
          return '[object Array]' === Object.prototype.toString.call(e);
        };
      function l(e, t) {
        if (e.map) return e.map(t);
        for (var a = [], n = 0; n < e.length; n++) a.push(t(e[n], n));
        return a;
      }
      var o =
        Object.keys ||
        function (e) {
          var t = [];
          for (var a in e)
            Object.prototype.hasOwnProperty.call(e, a) && t.push(a);
          return t;
        };
    },
    '5hpm': function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('q1tI'),
          r = a.n(n),
          l = a('m/eG'),
          o = l['hb'].Title,
          c = [],
          i = 0;
        i < 1e5;
        i++
      ) {
        var u = ''.concat(i.toString(36)).concat(i);
        c.push({ value: u, disabled: 10 === i });
      }
      function s(e) {
        console.log('selected '.concat(e));
      }
      var m = () =>
        r.a.createElement(
          r.a.Fragment,
          null,
          r.a.createElement(o, { level: 3 }, 'Ant Design 4.0'),
          r.a.createElement(o, { level: 4 }, c.length, ' Items'),
          r.a.createElement(l['Q'], {
            mode: 'multiple',
            style: { width: '100%' },
            placeholder: 'Please select',
            defaultValue: ['a10', 'c12'],
            onChange: s,
            options: c,
          }),
          r.a.createElement(l['u'], null),
          r.a.createElement(o, { level: 3 }, 'Ant Design 3.0'),
          r.a.createElement('iframe', {
            title: 'Ant Design 3.0 Select demo',
            src: 'https://codesandbox.io/embed/solitary-voice-m3vme?fontsize=14&hidenavigation=1&theme=dark&view=preview',
            style: { width: '100%', height: 300 },
          }),
        );
      t['default'] = m;
    },
    '6VBw': function (e, t, a) {
      'use strict';
      var n = a('VTBJ'),
        r = a('ODXe'),
        l = a('rePB'),
        o = a('Ff2n'),
        c = a('q1tI'),
        i = a.n(c),
        u = a('TSYQ'),
        s = a.n(u),
        m = Object(c['createContext'])({}),
        d = m,
        p = a('U8pU'),
        f = a('AJpP'),
        v = a('Kwbf'),
        h = a('MNnm'),
        y = 'rc-util-key';
      function g(e) {
        if (e.attachTo) return e.attachTo;
        var t = document.querySelector('head');
        return t || document.body;
      }
      function b(e) {
        var t,
          a =
            arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
        if (!Object(h['a'])()) return null;
        var n,
          r = document.createElement('style');
        (null === (t = a.csp) || void 0 === t ? void 0 : t.nonce) &&
          (r.nonce = null === (n = a.csp) || void 0 === n ? void 0 : n.nonce);
        r.innerHTML = e;
        var l = g(a),
          o = l.firstChild;
        return (
          a.prepend && l.prepend
            ? l.prepend(r)
            : a.prepend && o
            ? l.insertBefore(r, o)
            : l.appendChild(r),
          r
        );
      }
      var E = new Map();
      function C(e, t) {
        var a =
            arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
          n = g(a);
        if (!E.has(n)) {
          var r = b('', a),
            l = r.parentNode;
          E.set(n, l), l.removeChild(r);
        }
        var o = Array.from(E.get(n).children).find(function (e) {
          return 'STYLE' === e.tagName && e[y] === t;
        });
        if (o) {
          var c, i, u;
          if (
            (null === (c = a.csp) || void 0 === c ? void 0 : c.nonce) &&
            o.nonce !==
              (null === (i = a.csp) || void 0 === i ? void 0 : i.nonce)
          )
            o.nonce = null === (u = a.csp) || void 0 === u ? void 0 : u.nonce;
          return o.innerHTML !== e && (o.innerHTML = e), o;
        }
        var s = b(e, a);
        return (s[y] = t), s;
      }
      function w(e, t) {
        Object(v['a'])(e, '[@ant-design/icons] '.concat(t));
      }
      function O(e) {
        return (
          'object' === Object(p['a'])(e) &&
          'string' === typeof e.name &&
          'string' === typeof e.theme &&
          ('object' === Object(p['a'])(e.icon) || 'function' === typeof e.icon)
        );
      }
      function j() {
        var e =
          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
        return Object.keys(e).reduce(function (t, a) {
          var n = e[a];
          switch (a) {
            case 'class':
              (t.className = n), delete t.class;
              break;
            default:
              t[a] = n;
          }
          return t;
        }, {});
      }
      function k(e, t, a) {
        return a
          ? i.a.createElement(
              e.tag,
              Object(n['a'])(Object(n['a'])({ key: t }, j(e.attrs)), a),
              (e.children || []).map(function (a, n) {
                return k(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
              }),
            )
          : i.a.createElement(
              e.tag,
              Object(n['a'])({ key: t }, j(e.attrs)),
              (e.children || []).map(function (a, n) {
                return k(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
              }),
            );
      }
      function S(e) {
        return Object(f['generate'])(e)[0];
      }
      function Q(e) {
        return e ? (Array.isArray(e) ? e : [e]) : [];
      }
      var T =
          '\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n',
        I = function () {
          var e =
              arguments.length > 0 && void 0 !== arguments[0]
                ? arguments[0]
                : T,
            t = Object(c['useContext'])(d),
            a = t.csp;
          Object(c['useEffect'])(function () {
            C(e, '@ant-design-icons', { prepend: !0, csp: a });
          }, []);
        },
        x = [
          'icon',
          'className',
          'onClick',
          'style',
          'primaryColor',
          'secondaryColor',
        ],
        q = { primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: !1 };
      function V(e) {
        var t = e.primaryColor,
          a = e.secondaryColor;
        (q.primaryColor = t),
          (q.secondaryColor = a || S(t)),
          (q.calculated = !!a);
      }
      function N() {
        return Object(n['a'])({}, q);
      }
      var J = function (e) {
        var t = e.icon,
          a = e.className,
          r = e.onClick,
          l = e.style,
          c = e.primaryColor,
          i = e.secondaryColor,
          u = Object(o['a'])(e, x),
          s = q;
        if (
          (c && (s = { primaryColor: c, secondaryColor: i || S(c) }),
          I(),
          w(O(t), 'icon should be icon definiton, but got '.concat(t)),
          !O(t))
        )
          return null;
        var m = t;
        return (
          m &&
            'function' === typeof m.icon &&
            (m = Object(n['a'])(
              Object(n['a'])({}, m),
              {},
              { icon: m.icon(s.primaryColor, s.secondaryColor) },
            )),
          k(
            m.icon,
            'svg-'.concat(m.name),
            Object(n['a'])(
              {
                className: a,
                onClick: r,
                style: l,
                'data-icon': m.name,
                width: '1em',
                height: '1em',
                fill: 'currentColor',
                'aria-hidden': 'true',
              },
              u,
            ),
          )
        );
      };
      (J.displayName = 'IconReact'),
        (J.getTwoToneColors = N),
        (J.setTwoToneColors = V);
      var A = J;
      function L(e) {
        var t = Q(e),
          a = Object(r['a'])(t, 2),
          n = a[0],
          l = a[1];
        return A.setTwoToneColors({ primaryColor: n, secondaryColor: l });
      }
      function G() {
        var e = A.getTwoToneColors();
        return e.calculated
          ? [e.primaryColor, e.secondaryColor]
          : e.primaryColor;
      }
      var P = [
        'className',
        'icon',
        'spin',
        'rotate',
        'tabIndex',
        'onClick',
        'twoToneColor',
      ];
      L('#1890ff');
      var B = c['forwardRef'](function (e, t) {
        var a,
          i = e.className,
          u = e.icon,
          m = e.spin,
          p = e.rotate,
          f = e.tabIndex,
          v = e.onClick,
          h = e.twoToneColor,
          y = Object(o['a'])(e, P),
          g = c['useContext'](d),
          b = g.prefixCls,
          E = void 0 === b ? 'anticon' : b,
          C = s()(
            E,
            ((a = {}),
            Object(l['a'])(a, ''.concat(E, '-').concat(u.name), !!u.name),
            Object(l['a'])(
              a,
              ''.concat(E, '-spin'),
              !!m || 'loading' === u.name,
            ),
            a),
            i,
          ),
          w = f;
        void 0 === w && v && (w = -1);
        var O = p
            ? {
                msTransform: 'rotate('.concat(p, 'deg)'),
                transform: 'rotate('.concat(p, 'deg)'),
              }
            : void 0,
          j = Q(h),
          k = Object(r['a'])(j, 2),
          S = k[0],
          T = k[1];
        return c['createElement'](
          'span',
          Object(n['a'])(
            Object(n['a'])({ role: 'img', 'aria-label': u.name }, y),
            {},
            { ref: t, tabIndex: w, onClick: v, className: C },
          ),
          c['createElement'](A, {
            icon: u,
            primaryColor: S,
            secondaryColor: T,
            style: O,
          }),
        );
      });
      (B.displayName = 'AntdIcon'),
        (B.getTwoToneColor = G),
        (B.setTwoToneColor = L);
      t['a'] = B;
    },
    'E+m9': function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = l['Q'].OptGroup,
        i = () => {
          var e = (e) => {
            console.log('selected '.concat(e));
          };
          return r.a.createElement(
            l['Q'],
            { defaultValue: 'lucy', style: { width: 200 }, onChange: e },
            r.a.createElement(
              c,
              { label: 'Manager' },
              r.a.createElement(o, { value: 'jack' }, 'Jack'),
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            ),
            r.a.createElement(
              c,
              { label: 'Engineer' },
              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
            ),
          );
        };
      t['default'] = i;
    },
    IRFC: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        r = a('q1tI'),
        l = a.n(r),
        o = a('m/eG'),
        c = ['Apples', 'Nails', 'Bananas', 'Helicopters'],
        i = () => {
          var e = Object(r['useState'])([]),
            t = Object(n['a'])(e, 2),
            a = t[0],
            i = t[1],
            u = (e) => {
              i(e);
            },
            s = c.filter((e) => !a.includes(e));
          return l.a.createElement(
            o['Q'],
            {
              mode: 'multiple',
              placeholder: 'Inserted are removed',
              value: a,
              onChange: u,
              style: { width: '100%' },
            },
            s.map((e) =>
              l.a.createElement(o['Q'].Option, { key: e, value: e }, e),
            ),
          );
        };
      t['default'] = i;
    },
    JpYB: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        r = a('q1tI'),
        l = a.n(r),
        o = a('m/eG'),
        c = o['Q'].Option,
        i = [
          { key: 'jack', value: 'jack', label: 'jack' },
          { key: 'lucy', value: 'lucy', label: 'lucy' },
        ],
        u = () => {
          var e = Object(r['useState'])('jack'),
            t = Object(n['a'])(e, 2),
            a = t[0],
            u = t[1],
            s = (e) => {
              u(e);
            },
            m = () => {
              u('random');
            };
          return l.a.createElement(
            l.a.Fragment,
            null,
            l.a.createElement(
              o['P'],
              null,
              l.a.createElement(
                o['o'],
                { span: 3 },
                l.a.createElement(
                  'h4',
                  null,
                  '\u4e25\u683c\u5339\u914d\u6a21\u5f0f',
                ),
                l.a.createElement(
                  o['Q'],
                  {
                    strictMatch: !0,
                    value: a,
                    onChange: s,
                    placeholder: '\u8bf7\u9009\u62e9',
                    style: { width: 120 },
                  },
                  i.map((e) =>
                    l.a.createElement(
                      c,
                      { key: e.key, value: e.value },
                      e.label,
                    ),
                  ),
                ),
              ),
              l.a.createElement(
                o['o'],
                { style: { marginLeft: 30 } },
                l.a.createElement('h4', null, '\u5e38\u89c4\u6a21\u5f0f'),
                l.a.createElement(
                  o['Q'],
                  {
                    value: a,
                    onChange: s,
                    placeholder: '\u8bf7\u9009\u62e9',
                    style: { width: 120 },
                  },
                  i.map((e) =>
                    l.a.createElement(
                      c,
                      { key: e.key, value: e.value },
                      e.label,
                    ),
                  ),
                ),
              ),
              l.a.createElement(
                o['o'],
                null,
                l.a.createElement(
                  o['i'],
                  {
                    type: 'primary',
                    style: { marginLeft: 30, marginTop: 30 },
                    onClick: m,
                  },
                  '\u968f\u4fbf\u586b\u4e2a\u503c',
                ),
              ),
            ),
          );
        };
      t['default'] = u;
    },
    KaX5: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () =>
          r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              l['Q'],
              { defaultValue: 'lucy', style: { width: 120 }, bordered: !1 },
              r.a.createElement(o, { value: 'jack' }, 'Jack'),
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
            ),
            r.a.createElement(
              l['Q'],
              {
                defaultValue: 'lucy',
                style: { width: 120 },
                disabled: !0,
                bordered: !1,
              },
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            ),
          );
      t['default'] = c;
    },
    RrVk: function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('tJVT'),
          r = a('q1tI'),
          l = a.n(r),
          o = a('m/eG'),
          c = o['Q'].Option,
          i = [],
          u = 10;
        u < 36;
        u++
      )
        i.push(
          l.a.createElement(
            c,
            { value: u.toString(36) + u, key: u.toString(36) + u },
            u.toString(36) + u,
          ),
        );
      var s = () => {
        var e = Object(r['useState'])(void 0),
          t = Object(n['a'])(e, 2),
          a = t[0],
          c = t[1],
          u = (e) => {
            console.log('Selected: '.concat(e));
          },
          s = (e) => {
            c(e.target.value);
          };
        return l.a.createElement(
          l.a.Fragment,
          null,
          l.a.createElement(
            o['M'].Group,
            { value: a, onChange: s },
            l.a.createElement(o['M'].Button, { value: 'large' }, 'Large'),
            l.a.createElement(o['M'].Button, { value: 'default' }, 'Default'),
            l.a.createElement(o['M'].Button, { value: 'small' }, 'Small'),
          ),
          l.a.createElement('br', null),
          l.a.createElement('br', null),
          l.a.createElement(
            o['Q'],
            { size: a, defaultValue: 'a1', onChange: u, style: { width: 200 } },
            i,
          ),
          l.a.createElement('br', null),
          l.a.createElement(
            o['Q'],
            {
              mode: 'multiple',
              size: a,
              placeholder: 'Please select',
              defaultValue: ['a10', 'c12'],
              onChange: u,
              style: { width: '100%' },
            },
            i,
          ),
          l.a.createElement('br', null),
          l.a.createElement(
            o['Q'],
            {
              mode: 'tags',
              size: a,
              placeholder: 'Please select',
              defaultValue: ['a10', 'c12'],
              onChange: u,
              style: { width: '100%' },
            },
            i,
          ),
        );
      };
      t['default'] = s;
    },
    SGGB: function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('0Owb'),
          r = a('tJVT'),
          l = a('q1tI'),
          o = a.n(l),
          c = a('m/eG'),
          i = [],
          u = 10;
        u < 36;
        u++
      ) {
        var s = u.toString(36) + u;
        i.push({ label: 'Long Label: '.concat(s), value: s });
      }
      var m = () => {
        var e = o.a.useState(['a10', 'c12', 'h17', 'j19', 'k20']),
          t = Object(r['a'])(e, 2),
          a = t[0],
          l = t[1],
          u = {
            mode: 'multiple',
            style: { width: '100%' },
            value: a,
            options: i,
            onChange: (e) => {
              l(e);
            },
            placeholder: 'Select Item...',
            maxTagCount: 'responsive',
          };
        return o.a.createElement(
          c['T'],
          { direction: 'vertical', style: { width: '100%' } },
          o.a.createElement(c['Q'], u),
          o.a.createElement(c['Q'], Object(n['a'])({}, u, { disabled: !0 })),
        );
      };
      t['default'] = m;
    },
    WRqG: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () => {
          var e = (e) => {
            console.log(e);
          };
          return r.a.createElement(
            l['Q'],
            {
              labelInValue: !0,
              defaultValue: { value: 'lucy' },
              style: { width: 120 },
              onChange: e,
            },
            r.a.createElement(o, { value: 'jack' }, 'Jack (100)'),
            r.a.createElement(o, { value: 'lucy' }, 'Lucy (101)'),
          );
        };
      t['default'] = c;
    },
    Z6NO: function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('q1tI'),
          r = a.n(n),
          l = a('m/eG'),
          o = l['Q'].Option,
          c = [],
          i = 10;
        i < 36;
        i++
      )
        c.push(
          r.a.createElement(
            o,
            { value: i.toString(36) + i, key: i.toString(36) + i },
            i.toString(36) + i,
          ),
        );
      var u = () => {
        var e = (e) => {
          console.log('selected '.concat(e));
        };
        return r.a.createElement(
          l['Q'],
          {
            mode: 'tags',
            style: { width: '100%' },
            onChange: e,
            tokenSeparators: [','],
          },
          c,
        );
      };
      t['default'] = u;
    },
    'biW+': function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () =>
          r.a.createElement(
            l['Q'],
            {
              showSearch: !0,
              style: { width: 200 },
              placeholder: 'Search to Select',
              optionFilterProp: 'children',
              filterOption: (e, t) =>
                t.children.toLowerCase().indexOf(e.toLowerCase()) >= 0,
              filterSort: (e, t) =>
                e.children
                  .toLowerCase()
                  .localeCompare(t.children.toLowerCase()),
            },
            r.a.createElement(o, { value: '1' }, 'Not Identified'),
            r.a.createElement(o, { value: '2' }, 'Closed'),
            r.a.createElement(o, { value: '3' }, 'Communicated'),
            r.a.createElement(o, { value: '4' }, 'Identified'),
            r.a.createElement(o, { value: '5' }, 'Resolved'),
            r.a.createElement(o, { value: '6' }, 'Cancelled'),
          );
      t['default'] = c;
    },
    cBlq: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        r = a('q1tI'),
        l = a.n(r),
        o = a('m/eG'),
        c = a('xvlK'),
        i = o['Q'].Option,
        u = 0,
        s = () => {
          var e = Object(r['useState'])(['jack', 'lucy']),
            t = Object(n['a'])(e, 2),
            a = t[0],
            s = t[1],
            m = Object(r['useState'])(''),
            d = Object(n['a'])(m, 2),
            p = d[0],
            f = d[1],
            v = (e) => {
              f(e.target.value);
            },
            h = () => {
              s([...a, p || 'New item '.concat(u++)]), f('');
            };
          return l.a.createElement(
            o['Q'],
            {
              style: { width: 240 },
              placeholder: 'custom dropdown render',
              dropdownRender: (e) =>
                l.a.createElement(
                  'div',
                  null,
                  e,
                  l.a.createElement(o['u'], { style: { margin: '4px 0' } }),
                  l.a.createElement(
                    'div',
                    {
                      style: {
                        display: 'flex',
                        flexWrap: 'nowrap',
                        padding: 8,
                      },
                    },
                    l.a.createElement(o['A'], {
                      style: { flex: 'auto' },
                      value: p,
                      onChange: v,
                    }),
                    l.a.createElement(
                      'a',
                      {
                        style: {
                          flex: 'none',
                          padding: '8px',
                          display: 'block',
                          cursor: 'pointer',
                        },
                        onClick: h,
                      },
                      l.a.createElement(c['a'], null),
                      ' Add item',
                    ),
                  ),
                ),
            },
            a.map((e) => l.a.createElement(i, { value: e, key: e }, e)),
          );
        };
      t['default'] = s;
    },
    'cUy+': function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () => {
          var e = (e) => {
              console.log('selected '.concat(e));
            },
            t = () => {
              console.log('blur');
            },
            a = () => {
              console.log('focus');
            },
            n = (e) => {
              console.log('search:', e);
            };
          return r.a.createElement(
            l['Q'],
            {
              showSearch: !0,
              style: { width: 200 },
              placeholder: 'Select a person',
              optionFilterProp: 'children',
              onChange: e,
              onFocus: a,
              onBlur: t,
              onSearch: n,
              filterOption: (e, t) =>
                t.children.toLowerCase().indexOf(e.toLowerCase()) >= 0,
            },
            r.a.createElement(o, { value: 'jack' }, 'Jack'),
            r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            r.a.createElement(o, { value: 'tom' }, 'Tom'),
          );
        };
      t['default'] = c;
    },
    fBEp: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () => {
          var e = (e) => {
            console.log('selected '.concat(e));
          };
          return r.a.createElement(
            l['Q'],
            {
              mode: 'multiple',
              style: { width: '100%' },
              placeholder: 'select one country',
              defaultValue: ['china'],
              onChange: e,
              optionLabelProp: 'label',
            },
            r.a.createElement(
              o,
              { value: 'china', label: 'China' },
              r.a.createElement(
                'div',
                { className: 'demo-option-label-item' },
                r.a.createElement(
                  'span',
                  { role: 'img', 'aria-label': 'China' },
                  '\ud83c\udde8\ud83c\uddf3',
                ),
                'China (\u4e2d\u56fd)',
              ),
            ),
            r.a.createElement(
              o,
              { value: 'usa', label: 'USA' },
              r.a.createElement(
                'div',
                { className: 'demo-option-label-item' },
                r.a.createElement(
                  'span',
                  { role: 'img', 'aria-label': 'USA' },
                  '\ud83c\uddfa\ud83c\uddf8',
                ),
                'USA (\u7f8e\u56fd)',
              ),
            ),
            r.a.createElement(
              o,
              { value: 'japan', label: 'Japan' },
              r.a.createElement(
                'div',
                { className: 'demo-option-label-item' },
                r.a.createElement(
                  'span',
                  { role: 'img', 'aria-label': 'Japan' },
                  '\ud83c\uddef\ud83c\uddf5',
                ),
                'Japan (\u65e5\u672c)',
              ),
            ),
            r.a.createElement(
              o,
              { value: 'korea', label: 'Korea' },
              r.a.createElement(
                'div',
                { className: 'demo-option-label-item' },
                r.a.createElement(
                  'span',
                  { role: 'img', 'aria-label': 'Korea' },
                  '\ud83c\uddf0\ud83c\uddf7',
                ),
                'Korea (\u97e9\u56fd)',
              ),
            ),
          );
        };
      t['default'] = c;
    },
    g3oB: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('9og8'),
        r = a('0Owb'),
        l = a('tJVT'),
        o = a('PpiC'),
        c = a('WmNS'),
        i = a.n(c),
        u = a('q1tI'),
        s = a.n(u),
        m = a('m/eG'),
        d = a('sEfC'),
        p = a.n(d);
      function f(e) {
        var t = e.fetchOptions,
          a = e.debounceTimeout,
          n = void 0 === a ? 800 : a,
          c = Object(o['a'])(e, ['fetchOptions', 'debounceTimeout']),
          i = s.a.useState(!1),
          u = Object(l['a'])(i, 2),
          d = u[0],
          f = u[1],
          v = s.a.useState([]),
          h = Object(l['a'])(v, 2),
          y = h[0],
          g = h[1],
          b = s.a.useRef(0),
          E = s.a.useMemo(() => {
            var e = (e) => {
              b.current += 1;
              var a = b.current;
              g([]),
                f(!0),
                t(e).then((e) => {
                  a === b.current && (g(e), f(!1));
                });
            };
            return p()(e, n);
          }, [t, n]);
        return s.a.createElement(
          m['Q'],
          Object(r['a'])(
            {
              labelInValue: !0,
              filterOption: !1,
              onSearch: E,
              notFoundContent: d
                ? s.a.createElement(m['U'], { size: 'small' })
                : null,
            },
            c,
            { options: y },
          ),
        );
      }
      function v(e) {
        return h.apply(this, arguments);
      }
      function h() {
        return (
          (h = Object(n['a'])(
            i.a.mark(function e(t) {
              return i.a.wrap(function (e) {
                while (1)
                  switch ((e.prev = e.next)) {
                    case 0:
                      return (
                        console.log('fetching user', t),
                        e.abrupt(
                          'return',
                          fetch('https://randomuser.me/api/?results=5')
                            .then((e) => e.json())
                            .then((e) =>
                              e.results.map((e) => ({
                                label: ''
                                  .concat(e.name.first, ' ')
                                  .concat(e.name.last),
                                value: e.login.username,
                              })),
                            ),
                        )
                      );
                    case 2:
                    case 'end':
                      return e.stop();
                  }
              }, e);
            }),
          )),
          h.apply(this, arguments)
        );
      }
      var y = () => {
        var e = Object(u['useState'])([]),
          t = Object(l['a'])(e, 2),
          a = t[0],
          n = t[1];
        return s.a.createElement(f, {
          mode: 'multiple',
          value: a,
          placeholder: 'Select users',
          fetchOptions: v,
          onChange: (e) => {
            n(e);
          },
          style: { width: '100%' },
        });
      };
      t['default'] = y;
    },
    gO0H: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        r = a.n(n),
        l = a('m/eG'),
        o = l['Q'].Option,
        c = () => {
          var e = (e) => {
            console.log('selected '.concat(e));
          };
          return r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              l['Q'],
              { defaultValue: 'lucy', style: { width: 120 }, onChange: e },
              r.a.createElement(o, { value: 'jack' }, 'Jack'),
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
              r.a.createElement(
                o,
                { value: 'disabled', disabled: !0 },
                'Disabled',
              ),
              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
            ),
            r.a.createElement(
              l['Q'],
              { defaultValue: 'lucy', style: { width: 120 }, disabled: !0 },
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            ),
            r.a.createElement(
              l['Q'],
              { defaultValue: 'lucy', style: { width: 120 }, loading: !0 },
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            ),
            r.a.createElement(
              l['Q'],
              { defaultValue: 'lucy', style: { width: 120 }, allowClear: !0 },
              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
            ),
          );
        };
      t['default'] = c;
    },
    gUB6: function (e, t, a) {
      'use strict';
      a.r(t);
      var n,
        r,
        l = a('tJVT'),
        o = a('q1tI'),
        c = a.n(o),
        i = a('m/eG'),
        u = a('2HEe'),
        s = a.n(u),
        m = a('s4NR'),
        d = a.n(m),
        p = i['Q'].Option;
      function f(e, t) {
        function a() {
          var a = d.a.encode({ code: 'utf-8', q: e });
          s()('https://suggest.taobao.com/sug?'.concat(a))
            .then((e) => e.json())
            .then((a) => {
              if (r === e) {
                var n = a.result,
                  l = [];
                n.forEach((e) => {
                  l.push({ value: e[0], text: e[0] });
                }),
                  t(l);
              }
            });
        }
        n && (clearTimeout(n), (n = null)), (r = e), (n = setTimeout(a, 300));
      }
      var v = () => {
        var e = Object(o['useState'])([]),
          t = Object(l['a'])(e, 2),
          a = t[0],
          n = t[1],
          r = Object(o['useState'])(),
          u = Object(l['a'])(r, 2),
          s = u[0],
          m = u[1],
          d = (e) => {
            e ? f(e, (e) => n(e)) : n([]);
          },
          v = (e) => {
            m(e);
          },
          h =
            null === a || void 0 === a
              ? void 0
              : a.map((e) =>
                  c.a.createElement(
                    p,
                    { value: e.value, key: e.value },
                    e.text,
                  ),
                );
        return c.a.createElement(
          i['Q'],
          {
            showSearch: !0,
            value: s,
            placeholder: 'input search text',
            style: { width: 200 },
            defaultActiveFirstOption: !1,
            showArrow: !1,
            filterOption: !1,
            onSearch: d,
            onChange: v,
            notFoundContent: null,
          },
          h,
        );
      };
      t['default'] = v;
    },
    kd2E: function (e, t, a) {
      'use strict';
      function n(e, t) {
        return Object.prototype.hasOwnProperty.call(e, t);
      }
      e.exports = function (e, t, a, l) {
        (t = t || '&'), (a = a || '=');
        var o = {};
        if ('string' !== typeof e || 0 === e.length) return o;
        var c = /\+/g;
        e = e.split(t);
        var i = 1e3;
        l && 'number' === typeof l.maxKeys && (i = l.maxKeys);
        var u = e.length;
        i > 0 && u > i && (u = i);
        for (var s = 0; s < u; ++s) {
          var m,
            d,
            p,
            f,
            v = e[s].replace(c, '%20'),
            h = v.indexOf(a);
          h >= 0
            ? ((m = v.substr(0, h)), (d = v.substr(h + 1)))
            : ((m = v), (d = '')),
            (p = decodeURIComponent(m)),
            (f = decodeURIComponent(d)),
            n(o, p)
              ? r(o[p])
                ? o[p].push(f)
                : (o[p] = [o[p], f])
              : (o[p] = f);
        }
        return o;
      };
      var r =
        Array.isArray ||
        function (e) {
          return '[object Array]' === Object.prototype.toString.call(e);
        };
    },
    kmS0: function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('q1tI'),
          r = a.n(n),
          l = a('m/eG'),
          o = l['Q'].Option,
          c = [],
          i = 10;
        i < 36;
        i++
      )
        c.push(
          r.a.createElement(
            o,
            { value: i.toString(36) + i, key: i.toString(36) + i },
            i.toString(36) + i,
          ),
        );
      var u = () => {
        var e = (e) => {
          console.log('selected '.concat(e));
        };
        return r.a.createElement(
          r.a.Fragment,
          null,
          r.a.createElement(
            l['Q'],
            {
              mode: 'multiple',
              allowClear: !0,
              style: { width: '100%' },
              placeholder: 'Please select',
              defaultValue: ['a10', 'c12'],
              onChange: e,
            },
            c,
          ),
          r.a.createElement('br', null),
          r.a.createElement(
            l['Q'],
            {
              mode: 'multiple',
              disabled: !0,
              style: { width: '100%' },
              placeholder: 'Please select',
              defaultValue: ['a10', 'c12'],
              onChange: e,
            },
            c,
          ),
        );
      };
      t['default'] = u;
    },
    pYM3: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        r = a('q1tI'),
        l = a.n(r),
        o = a('m/eG'),
        c = o['Q'].Option,
        i = ['Zhejiang', 'Jiangsu'],
        u = {
          Zhejiang: ['Hangzhou', 'Ningbo', 'Wenzhou'],
          Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang'],
        },
        s = () => {
          var e = l.a.useState(u[i[0]]),
            t = Object(n['a'])(e, 2),
            a = t[0],
            r = t[1],
            s = l.a.useState(u[i[0]][0]),
            m = Object(n['a'])(s, 2),
            d = m[0],
            p = m[1],
            f = (e) => {
              r(u[e]), p(u[e][0]);
            },
            v = (e) => {
              p(e);
            };
          return l.a.createElement(
            l.a.Fragment,
            null,
            l.a.createElement(
              o['Q'],
              { defaultValue: i[0], style: { width: 120 }, onChange: f },
              i.map((e) => l.a.createElement(c, { value: e, key: e }, e)),
            ),
            l.a.createElement(
              o['Q'],
              { style: { width: 120 }, value: d, onChange: v },
              a.map((e) => l.a.createElement(c, { value: e, key: e }, e)),
            ),
          );
        };
      t['default'] = s;
    },
    s4NR: function (e, t, a) {
      'use strict';
      (t.decode = t.parse = a('kd2E')), (t.encode = t.stringify = a('4JlD'));
    },
    xvlK: function (e, t, a) {
      'use strict';
      var n = a('VTBJ'),
        r = a('q1tI'),
        l = {
          icon: {
            tag: 'svg',
            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
            children: [
              {
                tag: 'defs',
                attrs: {},
                children: [{ tag: 'style', attrs: {} }],
              },
              {
                tag: 'path',
                attrs: {
                  d: 'M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z',
                },
              },
              {
                tag: 'path',
                attrs: {
                  d: 'M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z',
                },
              },
            ],
          },
          name: 'plus',
          theme: 'outlined',
        },
        o = l,
        c = a('6VBw'),
        i = function (e, t) {
          return r['createElement'](
            c['a'],
            Object(n['a'])(Object(n['a'])({}, e), {}, { ref: t, icon: o }),
          );
        };
      i.displayName = 'PlusOutlined';
      t['a'] = r['forwardRef'](i);
    },
    yWSA: function (e, t, a) {
      'use strict';
      a.r(t);
      for (
        var n = a('q1tI'),
          r = a.n(n),
          l = a('m/eG'),
          o = l['Q'].Option,
          c = [],
          i = 10;
        i < 36;
        i++
      )
        c.push(
          r.a.createElement(
            o,
            { value: i.toString(36) + i, key: i.toString(36) + i },
            i.toString(36) + i,
          ),
        );
      var u = () => {
        var e = (e) => {
          console.log('selected '.concat(e));
        };
        return r.a.createElement(
          l['Q'],
          {
            mode: 'tags',
            style: { width: '100%' },
            placeholder: 'Tags Mode',
            onChange: e,
          },
          c,
        );
      };
      t['default'] = u;
    },
  },
]);
