(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [116],
  {
    '09jH': function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        c = a('q1tI'),
        l = a.n(c),
        r = a('m/eG'),
        o = a('sEfC'),
        i = a.n(o),
        m = () => {
          var e = r['E'].Option,
            t = Object(c['useState'])(''),
            a = Object(n['a'])(t, 2),
            o = a[0],
            m = a[1],
            s = Object(c['useState'])(!1),
            u = Object(n['a'])(s, 2),
            E = u[0],
            d = u[1],
            v = Object(c['useState'])([]),
            f = Object(n['a'])(v, 2),
            p = f[0],
            h = f[1],
            y = (e) => {
              m(e), d(!!e), h([]), console.log('Search:', e), O(e);
            },
            b = (e) => {
              e
                ? fetch('https://api.github.com/search/users?q='.concat(e))
                    .then((e) => e.json())
                    .then((t) => {
                      var a = t.items,
                        n = void 0 === a ? [] : a;
                      o === e && (h(n.slice(0, 10)), d(!1));
                    })
                : h([]);
            },
            O = i()(b, 800);
          return l.a.createElement(
            r['E'],
            { style: { width: '100%' }, loading: E, onSearch: y },
            p.map((t) => {
              var a = t.login,
                n = t.avatar_url;
              return l.a.createElement(
                e,
                { key: a, value: a, className: 'antd-demo-dynamic-option' },
                l.a.createElement('img', { src: n, alt: a }),
                l.a.createElement('span', null, a),
              );
            }),
          );
        };
      t['default'] = m;
    },
    KMeR: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        c = a.n(n),
        l = a('m/eG'),
        r = () => {
          var e = l['E'].Option;
          function t(e) {
            console.log('Change:', e);
          }
          function a(e) {
            console.log('select', e);
          }
          return c.a.createElement(
            l['E'],
            {
              style: { width: '100%' },
              onChange: t,
              onSelect: a,
              defaultValue: '@afc163',
            },
            c.a.createElement(e, { value: 'afc163' }, 'afc163'),
            c.a.createElement(e, { value: 'zombieJ' }, 'zombieJ'),
            c.a.createElement(e, { value: 'yesmeck' }, 'yesmeck'),
          );
        };
      t['default'] = r;
    },
    T9fz: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('tJVT'),
        c = a('q1tI'),
        l = a.n(c),
        r = a('m/eG'),
        o = () => {
          var e = r['E'].Option,
            t = {
              '@': ['afc163', 'zombiej', 'yesmeck'],
              '#': ['1.0', '2.0', '3.0'],
            },
            a = Object(c['useState'])('@'),
            o = Object(n['a'])(a, 2),
            i = o[0],
            m = o[1],
            s = (e, t) => {
              m(t);
            };
          return l.a.createElement(
            r['E'],
            {
              style: { width: '100%' },
              placeholder: 'input @ to mention people, # to mention tag',
              prefix: ['@', '#'],
              onSearch: s,
            },
            (t[i] || []).map((t) =>
              l.a.createElement(e, { key: t, value: t }, t),
            ),
          );
        };
      t['default'] = o;
    },
    XYtF: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        c = a.n(n),
        l = a('m/eG'),
        r = () => {
          var e = l['E'].Option;
          return c.a.createElement(
            l['E'],
            { autoSize: !0, style: { width: '100%' } },
            c.a.createElement(e, { value: 'afc163' }, 'afc163'),
            c.a.createElement(e, { value: 'zombieJ' }, 'zombieJ'),
            c.a.createElement(e, { value: 'yesmeck' }, 'yesmeck'),
          );
        };
      t['default'] = r;
    },
    'kv+R': function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        c = a.n(n),
        l = a('m/eG'),
        r = () => {
          var e = l['E'].Option;
          function t() {
            return ['afc163', 'zombiej', 'yesmeck'].map((t) =>
              c.a.createElement(e, { key: t, value: t }, t),
            );
          }
          return c.a.createElement(
            c.a.Fragment,
            null,
            c.a.createElement(
              'div',
              { style: { marginBottom: 10 } },
              c.a.createElement(
                l['E'],
                {
                  style: { width: '100%' },
                  placeholder: 'this is disabled Mentions',
                  disabled: !0,
                },
                t(),
              ),
            ),
            c.a.createElement(
              l['E'],
              {
                style: { width: '100%' },
                placeholder: 'this is readOnly Mentions',
                readOnly: !0,
              },
              t(),
            ),
          );
        };
      t['default'] = r;
    },
    lTXo: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        c = a.n(n),
        l = a('m/eG'),
        r = () => {
          var e = l['E'].Option;
          return c.a.createElement(
            l['E'],
            { style: { width: '100%' }, placement: 'top' },
            c.a.createElement(e, { value: 'afc163' }, 'afc163'),
            c.a.createElement(e, { value: 'zombieJ' }, 'zombieJ'),
            c.a.createElement(e, { value: 'yesmeck' }, 'yesmeck'),
          );
        };
      t['default'] = r;
    },
  },
]);
