(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [108],
  {
    '87WH': function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        m = t('m4a3'),
        o = t('7Pqi'),
        i = t.n(o),
        s = t('k1fw'),
        E = t('HjOm'),
        u = t.n(E),
        d = {
          placeholder: '\u8bf7\u9009\u62e9\u65f6\u95f4',
          rangePlaceholder: [
            '\u5f00\u59cb\u65f6\u95f4',
            '\u7ed3\u675f\u65f6\u95f4',
          ],
        },
        p = d,
        b = {
          lang: Object(s['a'])(
            {
              placeholder: '\u8bf7\u9009\u62e9\u65e5\u671f',
              yearPlaceholder: '\u8bf7\u9009\u62e9\u5e74\u4efd',
              quarterPlaceholder: '\u8bf7\u9009\u62e9\u5b63\u5ea6',
              monthPlaceholder: '\u8bf7\u9009\u62e9\u6708\u4efd',
              weekPlaceholder: '\u8bf7\u9009\u62e9\u5468',
              rangePlaceholder: [
                '\u5f00\u59cb\u65e5\u671f',
                '\u7ed3\u675f\u65e5\u671f',
              ],
              rangeYearPlaceholder: [
                '\u5f00\u59cb\u5e74\u4efd',
                '\u7ed3\u675f\u5e74\u4efd',
              ],
              rangeMonthPlaceholder: [
                '\u5f00\u59cb\u6708\u4efd',
                '\u7ed3\u675f\u6708\u4efd',
              ],
              rangeWeekPlaceholder: [
                '\u5f00\u59cb\u5468',
                '\u7ed3\u675f\u5468',
              ],
            },
            u.a,
          ),
          timePickerLocale: Object(s['a'])({}, p),
        };
      b.lang.ok = '\u786e \u5b9a';
      var h = b,
        y = h,
        g = '${label}\u4e0d\u662f\u4e00\u4e2a\u6709\u6548\u7684${type}',
        v = {
          locale: 'zh-cn',
          Pagination: i.a,
          DatePicker: h,
          TimePicker: p,
          Calendar: y,
          global: { placeholder: '\u8bf7\u9009\u62e9' },
          Table: {
            filterTitle: '\u7b5b\u9009',
            filterConfirm: '\u786e\u5b9a',
            filterReset: '\u91cd\u7f6e',
            filterEmptyText: '\u65e0\u7b5b\u9009\u9879',
            filterCheckall: '\u5168\u9009',
            filterSearchPlaceholder:
              '\u5728\u7b5b\u9009\u9879\u4e2d\u641c\u7d22',
            selectAll: '\u5168\u9009\u5f53\u9875',
            selectInvert: '\u53cd\u9009\u5f53\u9875',
            selectNone: '\u6e05\u7a7a\u6240\u6709',
            selectionAll: '\u5168\u9009\u6240\u6709',
            sortTitle: '\u6392\u5e8f',
            expand: '\u5c55\u5f00\u884c',
            collapse: '\u5173\u95ed\u884c',
            triggerDesc: '\u70b9\u51fb\u964d\u5e8f',
            triggerAsc: '\u70b9\u51fb\u5347\u5e8f',
            cancelSort: '\u53d6\u6d88\u6392\u5e8f',
          },
          Modal: {
            okText: '\u786e\u5b9a',
            cancelText: '\u53d6\u6d88',
            justOkText: '\u77e5\u9053\u4e86',
          },
          Popconfirm: { cancelText: '\u53d6\u6d88', okText: '\u786e\u5b9a' },
          Transfer: {
            searchPlaceholder: '\u8bf7\u8f93\u5165\u641c\u7d22\u5185\u5bb9',
            itemUnit: '\u9879',
            itemsUnit: '\u9879',
            remove: '\u5220\u9664',
            selectCurrent: '\u5168\u9009\u5f53\u9875',
            removeCurrent: '\u5220\u9664\u5f53\u9875',
            selectAll: '\u5168\u9009\u6240\u6709',
            removeAll: '\u5220\u9664\u5168\u90e8',
            selectInvert: '\u53cd\u9009\u5f53\u9875',
          },
          Upload: {
            uploading: '\u6587\u4ef6\u4e0a\u4f20\u4e2d',
            removeFile: '\u5220\u9664\u6587\u4ef6',
            uploadError: '\u4e0a\u4f20\u9519\u8bef',
            previewFile: '\u9884\u89c8\u6587\u4ef6',
            downloadFile: '\u4e0b\u8f7d\u6587\u4ef6',
          },
          Empty: { description: '\u6682\u65e0\u6570\u636e' },
          Icon: { icon: '\u56fe\u6807' },
          Text: {
            edit: '\u7f16\u8f91',
            copy: '\u590d\u5236',
            copied: '\u590d\u5236\u6210\u529f',
            expand: '\u5c55\u5f00',
          },
          PageHeader: { back: '\u8fd4\u56de' },
          Form: {
            optional: '\uff08\u53ef\u9009\uff09',
            defaultValidateMessages: {
              default: '\u5b57\u6bb5\u9a8c\u8bc1\u9519\u8bef${label}',
              required: '\u8bf7\u8f93\u5165${label}',
              enum: '${label}\u5fc5\u987b\u662f\u5176\u4e2d\u4e00\u4e2a[${enum}]',
              whitespace: '${label}\u4e0d\u80fd\u4e3a\u7a7a\u5b57\u7b26',
              date: {
                format: '${label}\u65e5\u671f\u683c\u5f0f\u65e0\u6548',
                parse: '${label}\u4e0d\u80fd\u8f6c\u6362\u4e3a\u65e5\u671f',
                invalid: '${label}\u662f\u4e00\u4e2a\u65e0\u6548\u65e5\u671f',
              },
              types: {
                string: g,
                method: g,
                array: g,
                object: g,
                number: g,
                date: g,
                boolean: g,
                integer: g,
                float: g,
                regexp: g,
                email: g,
                url: g,
                hex: g,
              },
              string: {
                len: '${label}\u987b\u4e3a${len}\u4e2a\u5b57\u7b26',
                min: '${label}\u6700\u5c11${min}\u4e2a\u5b57\u7b26',
                max: '${label}\u6700\u591a${max}\u4e2a\u5b57\u7b26',
                range:
                  '${label}\u987b\u5728${min}-${max}\u5b57\u7b26\u4e4b\u95f4',
              },
              number: {
                len: '${label}\u5fc5\u987b\u7b49\u4e8e${len}',
                min: '${label}\u6700\u5c0f\u503c\u4e3a${min}',
                max: '${label}\u6700\u5927\u503c\u4e3a${max}',
                range: '${label}\u987b\u5728${min}-${max}\u4e4b\u95f4',
              },
              array: {
                len: '\u987b\u4e3a${len}\u4e2a${label}',
                min: '\u6700\u5c11${min}\u4e2a${label}',
                max: '\u6700\u591a${max}\u4e2a${label}',
                range:
                  '${label}\u6570\u91cf\u987b\u5728${min}-${max}\u4e4b\u95f4',
              },
              pattern: {
                mismatch:
                  '${label}\u4e0e\u6a21\u5f0f\u4e0d\u5339\u914d${pattern}',
              },
            },
          },
          Image: { preview: '\u9884\u89c8' },
        },
        f = v,
        k = t('wd/R'),
        x = t.n(k);
      t('XDpg');
      x.a.locale('en');
      var S = () => {
          var e = Object(n['useState'])(!1),
            a = Object(l['a'])(e, 2),
            t = a[0],
            m = a[1],
            o = c['Q'].Option,
            i = c['s'].RangePicker,
            s = [
              {
                title: 'Name',
                dataIndex: 'name',
                filters: [{ text: 'filter1', value: 'filter1' }],
              },
              { title: 'Age', dataIndex: 'age' },
            ],
            E = () => {
              m(!0);
            },
            u = () => {
              m(!1);
            },
            d = () => {
              c['G'].info({ title: 'some info', content: 'some info' });
            },
            p = () => {
              c['G'].confirm({ title: 'some info', content: 'some info' });
            };
          return r.a.createElement(
            'div',
            { className: 'locale-components' },
            r.a.createElement(
              'div',
              { className: 'example' },
              r.a.createElement(c['I'], {
                defaultCurrent: 1,
                total: 50,
                showSizeChanger: !0,
              }),
            ),
            r.a.createElement(
              'div',
              { className: 'example' },
              r.a.createElement(
                c['Q'],
                { showSearch: !0, style: { width: 200 } },
                r.a.createElement(o, { value: 'jack' }, 'jack'),
                r.a.createElement(o, { value: 'lucy' }, 'lucy'),
              ),
              r.a.createElement(c['s'], null),
              r.a.createElement(c['bb'], null),
              r.a.createElement(i, { style: { width: 200 } }),
            ),
            r.a.createElement(
              'div',
              { className: 'example' },
              r.a.createElement(
                c['i'],
                { type: 'primary', onClick: E },
                'Show Modal',
              ),
              r.a.createElement(c['i'], { onClick: d }, 'Show info'),
              r.a.createElement(c['i'], { onClick: p }, 'Show confirm'),
              r.a.createElement(
                c['J'],
                { title: 'Question?' },
                r.a.createElement('a', { href: '#' }, 'Click to confirm'),
              ),
            ),
            r.a.createElement(
              'div',
              { className: 'example' },
              r.a.createElement(c['eb'], {
                dataSource: [],
                showSearch: !0,
                targetKeys: [],
                render: (e) => e.title,
              }),
            ),
            r.a.createElement(
              'div',
              { className: 'site-config-provider-calendar-wrapper' },
              r.a.createElement(c['j'], { fullscreen: !1, value: x()() }),
            ),
            r.a.createElement(
              'div',
              { className: 'example' },
              r.a.createElement(c['Y'], { dataSource: [], columns: s }),
            ),
            r.a.createElement(
              c['G'],
              { title: 'Locale Modal', visible: t, onCancel: u },
              r.a.createElement('p', null, 'Locale Modal'),
            ),
          );
        },
        C = () => {
          var e = Object(n['useState'])(m['a']),
            a = Object(l['a'])(e, 2),
            t = a[0],
            o = a[1],
            i = (e) => {
              var a = e.target.value;
              o(a), a ? x.a.locale('zh-cn') : x.a.locale('en');
            };
          return r.a.createElement(
            'div',
            null,
            r.a.createElement(
              'div',
              { className: 'change-locale' },
              r.a.createElement(
                'span',
                { style: { marginRight: 16 } },
                'Change locale of components: ',
              ),
              r.a.createElement(
                c['M'].Group,
                { value: t, onChange: i },
                r.a.createElement(
                  c['M'].Button,
                  { key: 'en', value: m['a'] },
                  'English',
                ),
                r.a.createElement(
                  c['M'].Button,
                  { key: 'cn', value: f },
                  '\u4e2d\u6587',
                ),
              ),
            ),
            r.a.createElement(
              c['r'],
              { locale: t },
              r.a.createElement(S, { key: t ? t.locale : 'en' }),
            ),
          );
        };
      a['default'] = C;
    },
    TQTk: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        m = () => {
          var e = c['Z'].TabPane,
            a = Object(n['useState'])('small'),
            t = Object(l['a'])(a, 2),
            m = t[0],
            o = t[1],
            i = [
              { title: 'Name', dataIndex: 'name' },
              { title: 'Age', dataIndex: 'age' },
            ];
          return r.a.createElement(
            'div',
            null,
            r.a.createElement(
              c['M'].Group,
              {
                value: m,
                onChange: (e) => {
                  o(e.target.value);
                },
              },
              r.a.createElement(c['M'].Button, { value: 'small' }, 'Small'),
              r.a.createElement(c['M'].Button, { value: 'middle' }, 'Middle'),
              r.a.createElement(c['M'].Button, { value: 'large' }, 'Large'),
            ),
            r.a.createElement(c['u'], null),
            r.a.createElement(
              c['r'],
              { componentSize: m },
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['A'], null),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(
                  c['Z'],
                  { defaultActiveKey: '1' },
                  r.a.createElement(
                    e,
                    { tab: 'Tab 1', key: '1' },
                    'Content of Tab Pane 1',
                  ),
                  r.a.createElement(
                    e,
                    { tab: 'Tab 2', key: '2' },
                    'Content of Tab Pane 2',
                  ),
                  r.a.createElement(
                    e,
                    { tab: 'Tab 3', key: '3' },
                    'Content of Tab Pane 3',
                  ),
                ),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['A'].Search, { allowClear: !0 }),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['A'].TextArea, { allowClear: !0 }),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['Q'], {
                  defaultValue: 'demo',
                  options: [{ value: 'demo' }],
                }),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['s'], null),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['s'].RangePicker, null),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(c['i'], null, 'Button'),
              ),
              r.a.createElement(
                'div',
                { className: 'example' },
                r.a.createElement(
                  c['k'],
                  { title: 'Card' },
                  r.a.createElement(c['Y'], {
                    columns: i,
                    dataSource: [
                      { key: '1', name: 'John Brown', age: 32 },
                      { key: '2', name: 'Jim Green', age: 42 },
                      { key: '3', name: 'Joe Black', age: 32 },
                    ],
                  }),
                ),
              ),
            ),
          );
        };
      a['default'] = m;
    },
    nYej: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('tJVT'),
        n = t('q1tI'),
        r = t.n(n),
        c = t('m/eG'),
        m = t('l+S1'),
        o = t('ePAT'),
        i = t('dF/Y'),
        s = t('5bA4'),
        E = t('UESt'),
        u = t('tUHX'),
        d = t('xvlK'),
        p = c['A'].Group,
        b = c['i'].Group,
        h = c['Q'].Option,
        y = c['fb'].TreeNode,
        g = c['A'].Search,
        v = c['W'].Step,
        f = [
          {
            value: 'tehran',
            label: '\u062a\u0647\u0631\u0627\u0646',
            children: [
              {
                value: 'tehran-c',
                label: '\u062a\u0647\u0631\u0627\u0646',
                children: [
                  {
                    value: 'saadat-abad',
                    label:
                      '\u0633\u0639\u0627\u062f\u062a \u0622\u06cc\u0627\u062f',
                  },
                ],
              },
            ],
          },
          {
            value: 'ardabil',
            label: '\u0627\u0631\u062f\u0628\u06cc\u0644',
            children: [
              {
                value: 'ardabil-c',
                label: '\u0627\u0631\u062f\u0628\u06cc\u0644',
                children: [
                  {
                    value: 'primadar',
                    label: '\u067e\u06cc\u0631\u0645\u0627\u062f\u0631',
                  },
                ],
              },
            ],
          },
          {
            value: 'gilan',
            label: '\u06af\u06cc\u0644\u0627\u0646',
            children: [
              {
                value: 'rasht',
                label: '\u0631\u0634\u062a',
                children: [
                  {
                    value: 'district-3',
                    label: '\u0645\u0646\u0637\u0642\u0647 \u06f3',
                  },
                ],
              },
            ],
          },
        ],
        k = (e) => {
          var a = Object(n['useState'])(0),
            t = Object(l['a'])(a, 2),
            k = t[0],
            x = t[1],
            S = Object(n['useState'])(!1),
            C = Object(l['a'])(S, 2),
            w = C[0],
            I = C[1],
            T = Object(n['useState'])(5),
            P = Object(l['a'])(T, 2),
            F = P[0],
            O = P[1],
            j = Object(n['useState'])(!0),
            M = Object(l['a'])(j, 2),
            L = M[0],
            $ = M[1],
            B = r.a.createElement(
              c['Q'],
              { defaultValue: 'Http://', style: { width: 90 } },
              r.a.createElement(h, { value: 'Http://' }, 'Http://'),
              r.a.createElement(h, { value: 'Https://' }, 'Https://'),
            ),
            N = r.a.createElement(
              c['Q'],
              { defaultValue: '.com', style: { width: 80 } },
              r.a.createElement(h, { value: '.com' }, '.com'),
              r.a.createElement(h, { value: '.jp' }, '.jp'),
              r.a.createElement(h, { value: '.cn' }, '.cn'),
              r.a.createElement(h, { value: '.org' }, '.org'),
            ),
            A = (e, a) => {
              a.some(
                (a) => a.label.toLowerCase().indexOf(e.toLowerCase()) > -1,
              );
            },
            G = (e) => {
              console.log(e);
            },
            V = () => {
              I(!0);
            },
            D = (e) => {
              console.log(e), I(!1);
            },
            Q = (e) => {
              console.log(e), I(!1);
            },
            W = (e) => {
              console.log('onChange:', e), x(e);
            },
            z = () => {
              O(F + 1);
            },
            J = () => {
              O(F - 1), F < 0 && O(0);
            },
            R = (e) => {
              $(e);
            };
          return r.a.createElement(
            'div',
            { className: 'direction-components' },
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 24 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Cascader example',
                ),
                r.a.createElement(c['m'], {
                  suffixIcon: r.a.createElement(m['a'], null),
                  options: f,
                  onChange: G,
                  placeholder:
                    '\u06cc\u06a9 \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f',
                  popupPlacement: e.popupPlacement,
                }),
                '\xa0\xa0\xa0\xa0 With search:',
                r.a.createElement(c['m'], {
                  suffixIcon: r.a.createElement(o['a'], null),
                  options: f,
                  onChange: G,
                  placeholder: 'Select an item',
                  popupPlacement: e.popupPlacement,
                  showSearch: A,
                }),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 12 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Switch example',
                ),
                '\xa0\xa0',
                r.a.createElement(c['X'], { defaultChecked: !0 }),
                '\xa0\xa0',
                r.a.createElement(c['X'], { loading: !0, defaultChecked: !0 }),
                '\xa0\xa0',
                r.a.createElement(c['X'], { size: 'small', loading: !0 }),
              ),
              r.a.createElement(
                c['o'],
                { span: 12 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Radio Group example',
                ),
                r.a.createElement(
                  c['M'].Group,
                  { defaultValue: 'c', buttonStyle: 'solid' },
                  r.a.createElement(
                    c['M'].Button,
                    { value: 'a' },
                    '\u062a\u0647\u0631\u0627\u0646',
                  ),
                  r.a.createElement(
                    c['M'].Button,
                    { value: 'b', disabled: !0 },
                    '\u0627\u0635\u0641\u0647\u0627\u0646',
                  ),
                  r.a.createElement(
                    c['M'].Button,
                    { value: 'c' },
                    '\u0641\u0627\u0631\u0633',
                  ),
                  r.a.createElement(
                    c['M'].Button,
                    { value: 'd' },
                    '\u062e\u0648\u0632\u0633\u062a\u0627\u0646',
                  ),
                ),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 12 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Button example',
                ),
                r.a.createElement(
                  'div',
                  { className: 'button-demo' },
                  r.a.createElement(c['i'], {
                    type: 'primary',
                    icon: r.a.createElement(i['a'], null),
                  }),
                  r.a.createElement(c['i'], {
                    type: 'primary',
                    shape: 'circle',
                    icon: r.a.createElement(i['a'], null),
                  }),
                  r.a.createElement(c['i'], {
                    type: 'primary',
                    shape: 'round',
                    icon: r.a.createElement(i['a'], null),
                  }),
                  r.a.createElement(
                    c['i'],
                    {
                      type: 'primary',
                      shape: 'round',
                      icon: r.a.createElement(i['a'], null),
                    },
                    'Download',
                  ),
                  r.a.createElement(
                    c['i'],
                    { type: 'primary', icon: r.a.createElement(i['a'], null) },
                    'Download',
                  ),
                  r.a.createElement('br', null),
                  r.a.createElement(
                    c['i'].Group,
                    null,
                    r.a.createElement(
                      c['i'],
                      { type: 'primary' },
                      r.a.createElement(s['a'], null),
                      'Backward',
                    ),
                    r.a.createElement(
                      c['i'],
                      { type: 'primary' },
                      'Forward',
                      r.a.createElement(E['a'], null),
                    ),
                  ),
                  r.a.createElement(
                    c['i'],
                    { type: 'primary', loading: !0 },
                    'Loading',
                  ),
                  r.a.createElement(
                    c['i'],
                    { type: 'primary', size: 'small', loading: !0 },
                    'Loading',
                  ),
                ),
              ),
              r.a.createElement(
                c['o'],
                { span: 12 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Tree example',
                ),
                r.a.createElement(
                  c['fb'],
                  {
                    showLine: !0,
                    checkable: !0,
                    defaultExpandedKeys: ['0-0-0', '0-0-1'],
                    defaultSelectedKeys: ['0-0-0', '0-0-1'],
                    defaultCheckedKeys: ['0-0-0', '0-0-1'],
                  },
                  r.a.createElement(
                    y,
                    { title: 'parent 1', key: '0-0' },
                    r.a.createElement(
                      y,
                      { title: 'parent 1-0', key: '0-0-0', disabled: !0 },
                      r.a.createElement(y, {
                        title: 'leaf',
                        key: '0-0-0-0',
                        disableCheckbox: !0,
                      }),
                      r.a.createElement(y, { title: 'leaf', key: '0-0-0-1' }),
                    ),
                    r.a.createElement(
                      y,
                      { title: 'parent 1-1', key: '0-0-1' },
                      r.a.createElement(y, {
                        title: r.a.createElement(
                          'span',
                          { style: { color: '#2c68ff' } },
                          'sss',
                        ),
                        key: '0-0-1-0',
                      }),
                    ),
                  ),
                ),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 24 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Input (Input Group) example',
                ),
                r.a.createElement(
                  p,
                  { size: 'large' },
                  r.a.createElement(
                    c['P'],
                    { gutter: 8 },
                    r.a.createElement(
                      c['o'],
                      { span: 5 },
                      r.a.createElement(c['A'], { defaultValue: '0571' }),
                    ),
                    r.a.createElement(
                      c['o'],
                      { span: 8 },
                      r.a.createElement(c['A'], { defaultValue: '26888888' }),
                    ),
                  ),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  p,
                  { compact: !0 },
                  r.a.createElement(c['A'], {
                    style: { width: '20%' },
                    defaultValue: '0571',
                  }),
                  r.a.createElement(c['A'], {
                    style: { width: '30%' },
                    defaultValue: '26888888',
                  }),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  p,
                  { compact: !0 },
                  r.a.createElement(
                    c['Q'],
                    { defaultValue: 'Option1' },
                    r.a.createElement(h, { value: 'Option1' }, 'Option1'),
                    r.a.createElement(h, { value: 'Option2' }, 'Option2'),
                  ),
                  r.a.createElement(c['A'], {
                    style: { width: '50%' },
                    defaultValue: 'input content',
                  }),
                  r.a.createElement(c['B'], null),
                ),
                r.a.createElement('br', null),
                r.a.createElement(g, {
                  placeholder: 'input search text',
                  enterButton: 'Search',
                  size: 'large',
                }),
                r.a.createElement('br', null),
                r.a.createElement('br', null),
                r.a.createElement(
                  'div',
                  { style: { marginBottom: 16 } },
                  r.a.createElement(c['A'], {
                    addonBefore: B,
                    addonAfter: N,
                    defaultValue: 'mysite',
                  }),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  c['P'],
                  null,
                  r.a.createElement(
                    c['o'],
                    { span: 12 },
                    r.a.createElement(
                      c['u'],
                      { orientation: 'left' },
                      'Select example',
                    ),
                    r.a.createElement(
                      c['Q'],
                      {
                        mode: 'multiple',
                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
                        style: { width: 120 },
                      },
                      r.a.createElement(h, { value: 'jack' }, 'Jack'),
                      r.a.createElement(
                        h,
                        { value: '\u0645\u0648\u0631\u0686\u0647' },
                        '\u0645\u0648\u0631\u0686\u0647',
                      ),
                      r.a.createElement(
                        h,
                        { value: 'disabled', disabled: !0 },
                        'Disabled',
                      ),
                      r.a.createElement(h, { value: 'Yiminghe' }, 'yiminghe'),
                    ),
                    r.a.createElement(
                      c['Q'],
                      {
                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
                        style: { width: 120 },
                        disabled: !0,
                      },
                      r.a.createElement(
                        h,
                        { value: '\u0645\u0648\u0631\u0686\u0647' },
                        '\u0645\u0648\u0631\u0686\u0647',
                      ),
                    ),
                    r.a.createElement(
                      c['Q'],
                      {
                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
                        style: { width: 120 },
                        loading: !0,
                      },
                      r.a.createElement(
                        h,
                        { value: '\u0645\u0648\u0631\u0686\u0647' },
                        '\u0645\u0648\u0631\u0686\u0647',
                      ),
                    ),
                    r.a.createElement(
                      c['Q'],
                      {
                        showSearch: !0,
                        style: { width: 200 },
                        placeholder: 'Select a person',
                        optionFilterProp: 'children',
                        filterOption: (e, a) =>
                          a.props.children
                            .toLowerCase()
                            .indexOf(e.toLowerCase()) >= 0,
                      },
                      r.a.createElement(h, { value: 'jack' }, 'Jack'),
                      r.a.createElement(
                        h,
                        { value: '\u0633\u0639\u06cc\u062f' },
                        '\u0633\u0639\u06cc\u062f',
                      ),
                      r.a.createElement(h, { value: 'tom' }, 'Tom'),
                    ),
                  ),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  c['P'],
                  null,
                  r.a.createElement(
                    c['o'],
                    { span: 24 },
                    r.a.createElement(
                      c['u'],
                      { orientation: 'left' },
                      'Modal example',
                    ),
                    r.a.createElement(
                      'div',
                      null,
                      r.a.createElement(
                        c['i'],
                        { type: 'primary', onClick: V },
                        'Open Modal',
                      ),
                      r.a.createElement(
                        c['G'],
                        {
                          title:
                            '\u067e\u0646\u0686\u0631\u0647 \u0633\u0627\u062f\u0647',
                          visible: w,
                          onOk: D,
                          onCancel: Q,
                        },
                        r.a.createElement(
                          'p',
                          null,
                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
                        ),
                        r.a.createElement(
                          'p',
                          null,
                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
                        ),
                        r.a.createElement(
                          'p',
                          null,
                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
                        ),
                      ),
                    ),
                  ),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  c['P'],
                  null,
                  r.a.createElement(
                    c['o'],
                    { span: 24 },
                    r.a.createElement(
                      c['u'],
                      { orientation: 'left' },
                      'Steps example',
                    ),
                    r.a.createElement(
                      'div',
                      null,
                      r.a.createElement(
                        c['W'],
                        { progressDot: !0, current: k },
                        r.a.createElement(v, {
                          title: 'Finished',
                          description: 'This is a description.',
                        }),
                        r.a.createElement(v, {
                          title: 'In Progress',
                          description: 'This is a description.',
                        }),
                        r.a.createElement(v, {
                          title: 'Waiting',
                          description: 'This is a description.',
                        }),
                      ),
                      r.a.createElement('br', null),
                      r.a.createElement(
                        c['W'],
                        { current: k, onChange: W },
                        r.a.createElement(v, {
                          title: 'Step 1',
                          description: 'This is a description.',
                        }),
                        r.a.createElement(v, {
                          title: 'Step 2',
                          description: 'This is a description.',
                        }),
                        r.a.createElement(v, {
                          title: 'Step 3',
                          description: 'This is a description.',
                        }),
                      ),
                    ),
                  ),
                ),
                r.a.createElement('br', null),
                r.a.createElement(
                  c['P'],
                  null,
                  r.a.createElement(
                    c['o'],
                    { span: 12 },
                    r.a.createElement(
                      c['u'],
                      { orientation: 'left' },
                      'Rate example',
                    ),
                    r.a.createElement(
                      'div',
                      null,
                      r.a.createElement(c['N'], { defaultValue: 2.5 }),
                      r.a.createElement('br', null),
                      r.a.createElement('strong', null, '* Note:'),
                      ' Half star not implemented in RTL direction, it will be supported after',
                      ' ',
                      r.a.createElement(
                        'a',
                        { href: 'https://github.com/react-component/rate' },
                        'rc-rate',
                      ),
                      ' ',
                      'implement rtl support.',
                    ),
                  ),
                  r.a.createElement(
                    c['o'],
                    { span: 12 },
                    r.a.createElement(
                      c['u'],
                      { orientation: 'left' },
                      'Badge example',
                    ),
                    r.a.createElement(
                      'div',
                      null,
                      r.a.createElement(
                        'div',
                        null,
                        r.a.createElement(
                          c['g'],
                          { count: F },
                          r.a.createElement('a', {
                            href: '#',
                            className: 'head-example',
                          }),
                        ),
                        r.a.createElement(
                          b,
                          null,
                          r.a.createElement(
                            c['i'],
                            { onClick: J },
                            r.a.createElement(u['a'], null),
                          ),
                          r.a.createElement(
                            c['i'],
                            { onClick: z },
                            r.a.createElement(d['a'], null),
                          ),
                        ),
                      ),
                      r.a.createElement(
                        'div',
                        { style: { marginTop: 10 } },
                        r.a.createElement(
                          c['g'],
                          { dot: L },
                          r.a.createElement('a', {
                            href: '#',
                            className: 'head-example',
                          }),
                        ),
                        r.a.createElement(c['X'], { onChange: R, checked: L }),
                      ),
                    ),
                  ),
                ),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement('br', null),
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 24 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Pagination example',
                ),
                r.a.createElement(c['I'], {
                  showSizeChanger: !0,
                  defaultCurrent: 3,
                  total: 500,
                }),
              ),
            ),
            r.a.createElement('br', null),
            r.a.createElement(
              c['P'],
              null,
              r.a.createElement(
                c['o'],
                { span: 24 },
                r.a.createElement(
                  c['u'],
                  { orientation: 'left' },
                  'Grid System example',
                ),
                r.a.createElement(
                  'div',
                  { className: 'grid-demo' },
                  r.a.createElement(
                    'div',
                    { className: 'code-box-demo' },
                    r.a.createElement(
                      'p',
                      null,
                      r.a.createElement('strong', null, '* Note:'),
                      ' Every calculation in RTL grid system is from right side (offset, push, etc.)',
                    ),
                    r.a.createElement(
                      c['P'],
                      null,
                      r.a.createElement(c['o'], { span: 8 }, 'col-8'),
                      r.a.createElement(
                        c['o'],
                        { span: 8, offset: 8 },
                        'col-8',
                      ),
                    ),
                    r.a.createElement(
                      c['P'],
                      null,
                      r.a.createElement(
                        c['o'],
                        { span: 6, offset: 6 },
                        'col-6 col-offset-6',
                      ),
                      r.a.createElement(
                        c['o'],
                        { span: 6, offset: 6 },
                        'col-6 col-offset-6',
                      ),
                    ),
                    r.a.createElement(
                      c['P'],
                      null,
                      r.a.createElement(
                        c['o'],
                        { span: 12, offset: 6 },
                        'col-12 col-offset-6',
                      ),
                    ),
                    r.a.createElement(
                      c['P'],
                      null,
                      r.a.createElement(
                        c['o'],
                        { span: 18, push: 6 },
                        'col-18 col-push-6',
                      ),
                      r.a.createElement(
                        c['o'],
                        { span: 6, pull: 18 },
                        'col-6 col-pull-18',
                      ),
                    ),
                  ),
                ),
              ),
            ),
          );
        },
        x = () => {
          var e = Object(n['useState'])('ltr'),
            a = Object(l['a'])(e, 2),
            t = a[0],
            m = a[1],
            o = Object(n['useState'])('bottomLeft'),
            i = Object(l['a'])(o, 2),
            s = i[0],
            E = i[1],
            u = (e) => {
              var a = e.target.value;
              m(a), E('rtl' === a ? 'bottomRight' : 'bottomLeft');
            };
          return r.a.createElement(
            r.a.Fragment,
            null,
            r.a.createElement(
              'div',
              { style: { marginBottom: 16 } },
              r.a.createElement(
                'span',
                { style: { marginRight: 16 } },
                'Change direction of components:',
                ' ',
              ),
              r.a.createElement(
                c['M'].Group,
                { defaultValue: 'ltr', onChange: u },
                r.a.createElement(
                  c['M'].Button,
                  { key: 'ltr', value: 'ltr' },
                  'LTR',
                ),
                r.a.createElement(
                  c['M'].Button,
                  { key: 'rtl', value: 'rtl' },
                  'RTL',
                ),
              ),
            ),
            r.a.createElement(
              c['r'],
              { direction: t },
              r.a.createElement(k, { className: t, popupPlacement: s }),
            ),
          );
        };
      a['default'] = x;
    },
    wp6u: function (e, a, t) {
      'use strict';
      t.r(a);
      var l = t('k1fw'),
        n = t('tJVT'),
        r = t('0Owb'),
        c = t('15kH'),
        m = t('q1tI'),
        o = t.n(m),
        i = t('8Skl'),
        s = t('y0hu'),
        E = t('eFNv'),
        u = t('Icgb'),
        d = t('m/eG'),
        p = (e) =>
          o.a.createElement(
            d['T'],
            Object(r['a'])(
              {
                split: o.a.createElement(d['u'], { type: 'vertical' }),
                size: 4,
              },
              e,
            ),
          ),
        b = () => {
          var e = Object(m['useState'])({
              primaryColor: '#2c68ff',
              errorColor: '#ff4d4f',
              warningColor: '#faad14',
              successColor: '#52c41a',
              infoColor: '#2c68ff',
            }),
            a = Object(n['a'])(e, 2),
            t = a[0],
            r = a[1];
          function b(e) {
            var a = Object(l['a'])(Object(l['a'])({}, t), e);
            r(a);
            var n = { theme: a };
            d['r'].config(n);
          }
          var h = { style: { width: 128 } },
            y = Object(l['a'])(
              Object(l['a'])({}, h),
              {},
              {
                options: [
                  { value: 'light', label: 'Light' },
                  { value: 'bamboo', label: 'Bamboo' },
                  { value: 'little', label: 'Little' },
                ],
              },
            ),
            g = [
              {
                value: 'little',
                key: 'little',
                label: 'Little',
                title: 'Little',
                children: [
                  {
                    value: 'light',
                    key: 'light',
                    label: 'Light',
                    title: 'Light',
                  },
                  {
                    value: 'bamboo',
                    key: 'bamboo',
                    label: 'Bamboo',
                    title: 'Bamboo',
                  },
                ],
              },
            ],
            v = Object(l['a'])(
              Object(l['a'])({}, h),
              {},
              { treeCheckable: !0, maxTagCount: 'responsive', treeData: g },
            ),
            f = [
              { key: 'article', tab: 'article' },
              { key: 'app', tab: 'app' },
              { key: 'project', tab: 'project' },
            ],
            k = () => {
              for (var e = [], a = 0; a < 20; a++)
                e.push({
                  key: a.toString(),
                  title: 'content'.concat(a + 1),
                  description: 'description of content'.concat(a + 1),
                });
              return o.a.createElement(d['eb'], {
                dataSource: e,
                targetKeys: ['18'],
                selectedKeys: ['3'],
                render: (e) => e.title,
              });
            };
          return o.a.createElement(
            d['P'],
            { gutter: 16, wrap: !1 },
            o.a.createElement(
              d['o'],
              { flex: 'none' },
              o.a.createElement(
                d['T'],
                { direction: 'vertical', align: 'center' },
                o.a.createElement(c['a'], {
                  presetColors: ['#2c68ff', '#25b864', '#ff6f00'],
                  color: t.primaryColor,
                  onChange: (e) => {
                    var a = e.hex;
                    b({ primaryColor: a });
                  },
                }),
                o.a.createElement(
                  'span',
                  { style: { color: 'var(--ant-primary-color)' } },
                  'var(`--ant-primary-color`)',
                ),
                o.a.createElement(c['a'], {
                  presetColors: ['#ff4d4f'],
                  color: t.errorColor,
                  onChange: (e) => {
                    var a = e.hex;
                    b({ errorColor: a });
                  },
                }),
                o.a.createElement(
                  'span',
                  { style: { color: 'var(--ant-error-color)' } },
                  'var(`--ant-error-color`)',
                ),
                o.a.createElement(c['a'], {
                  presetColors: ['#faad14'],
                  color: t.warningColor,
                  onChange: (e) => {
                    var a = e.hex;
                    b({ warningColor: a });
                  },
                }),
                o.a.createElement(
                  'span',
                  { style: { color: 'var(--ant-warning-color)' } },
                  'var(`--ant-warning-color`)',
                ),
                o.a.createElement(c['a'], {
                  presetColors: ['#52c41a'],
                  color: t.successColor,
                  onChange: (e) => {
                    var a = e.hex;
                    b({ successColor: a });
                  },
                }),
                o.a.createElement(
                  'span',
                  { style: { color: 'var(--ant-success-color)' } },
                  'var(`--ant-success-color`)',
                ),
                o.a.createElement(c['a'], {
                  presetColors: ['#2c68ff'],
                  color: t.infoColor,
                  onChange: (e) => {
                    var a = e.hex;
                    b({ infoColor: a });
                  },
                }),
                o.a.createElement(
                  'span',
                  { style: { color: 'var(--ant-info-color)' } },
                  'var(`--ant-info-color`)',
                ),
              ),
            ),
            o.a.createElement(
              d['o'],
              { flex: 'auto' },
              o.a.createElement(
                d['T'],
                {
                  direction: 'vertical',
                  split: o.a.createElement(d['u'], null),
                  style: { width: '100%' },
                  size: 0,
                },
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(d['i'], { type: 'primary' }, 'Primary'),
                  o.a.createElement(d['i'], null, 'Default'),
                  o.a.createElement(d['i'], { type: 'dashed' }, 'Dashed'),
                  o.a.createElement(d['i'], { type: 'text' }, 'Text'),
                  o.a.createElement(d['i'], { type: 'link' }, 'Link'),
                ),
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(
                    d['i'],
                    { danger: !0, type: 'primary' },
                    'Primary',
                  ),
                  o.a.createElement(d['i'], { danger: !0 }, 'Default'),
                  o.a.createElement(
                    d['i'],
                    { danger: !0, type: 'dashed' },
                    'Dashed',
                  ),
                  o.a.createElement(
                    d['i'],
                    { danger: !0, type: 'text' },
                    'Text',
                  ),
                  o.a.createElement(
                    d['i'],
                    { danger: !0, type: 'link' },
                    'Link',
                  ),
                ),
                o.a.createElement(
                  p,
                  { style: { background: 'rgb(190, 200, 200)' } },
                  o.a.createElement(
                    d['i'],
                    { type: 'primary', ghost: !0 },
                    'Primary',
                  ),
                  o.a.createElement(d['i'], { ghost: !0 }, 'Default'),
                  o.a.createElement(
                    d['i'],
                    { type: 'dashed', ghost: !0 },
                    'Dashed',
                  ),
                  o.a.createElement(
                    d['i'],
                    { type: 'primary', ghost: !0, danger: !0 },
                    'Primary',
                  ),
                  o.a.createElement(
                    d['i'],
                    { ghost: !0, danger: !0 },
                    'Default',
                  ),
                  o.a.createElement(
                    d['i'],
                    { type: 'dashed', ghost: !0, danger: !0 },
                    'Dashed',
                  ),
                ),
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(
                    d['hb'].Text,
                    { type: 'success' },
                    'Text (success)',
                  ),
                  o.a.createElement(
                    d['hb'].Text,
                    { type: 'warning' },
                    'Text(warning)',
                  ),
                  o.a.createElement(
                    d['hb'].Text,
                    { type: 'danger' },
                    'Text(danger)',
                  ),
                  o.a.createElement(
                    d['hb'].Link,
                    { href: 'https://ant.design', target: '_blank' },
                    'Link',
                  ),
                  o.a.createElement(d['hb'].Text, { copyable: !0 }, 'Text'),
                  o.a.createElement(
                    d['w'],
                    {
                      overlay: o.a.createElement(
                        d['F'],
                        null,
                        o.a.createElement(d['F'].Item, null, '1st menu item'),
                        o.a.createElement(
                          d['F'].Item,
                          { danger: !0 },
                          'a danger item',
                        ),
                      ),
                    },
                    o.a.createElement(
                      'a',
                      {
                        className: 'ant-dropdown-link',
                        onClick: (e) => e.preventDefault(),
                      },
                      'Hover me ',
                      o.a.createElement(i['a'], null),
                    ),
                  ),
                  o.a.createElement(d['U'], null),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { span: 12 },
                    o.a.createElement(
                      d['F'],
                      { mode: 'horizontal', defaultSelectedKeys: ['mail'] },
                      o.a.createElement(
                        d['F'].Item,
                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
                        'Mail',
                      ),
                      o.a.createElement(
                        d['F'].SubMenu,
                        {
                          key: 'SubMenu',
                          icon: o.a.createElement(E['a'], null),
                          title: 'Submenu',
                        },
                        o.a.createElement(
                          d['F'].ItemGroup,
                          { title: 'Item 1' },
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:1' },
                            'Option 1',
                          ),
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:2' },
                            'Option 2',
                          ),
                        ),
                      ),
                    ),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 12 },
                    o.a.createElement(
                      d['F'],
                      {
                        mode: 'horizontal',
                        theme: 'dark',
                        defaultSelectedKeys: ['mail'],
                      },
                      o.a.createElement(
                        d['F'].Item,
                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
                        'Mail',
                      ),
                      o.a.createElement(
                        d['F'].SubMenu,
                        {
                          key: 'SubMenu',
                          icon: o.a.createElement(E['a'], null),
                          title: 'Submenu',
                        },
                        o.a.createElement(
                          d['F'].ItemGroup,
                          { title: 'Item 1' },
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:1' },
                            'Option 1',
                          ),
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:2' },
                            'Option 2',
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { span: 12 },
                    o.a.createElement(
                      d['F'],
                      { mode: 'inline', defaultSelectedKeys: ['mail'] },
                      o.a.createElement(
                        d['F'].Item,
                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
                        'Mail',
                      ),
                      o.a.createElement(
                        d['F'].SubMenu,
                        {
                          key: 'SubMenu',
                          icon: o.a.createElement(E['a'], null),
                          title: 'Submenu',
                        },
                        o.a.createElement(
                          d['F'].ItemGroup,
                          { title: 'Item 1' },
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:1' },
                            'Option 1',
                          ),
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:2' },
                            'Option 2',
                          ),
                        ),
                      ),
                    ),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 12 },
                    o.a.createElement(
                      d['F'],
                      {
                        mode: 'vertical',
                        theme: 'dark',
                        defaultSelectedKeys: ['mail'],
                      },
                      o.a.createElement(
                        d['F'].Item,
                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
                        'Mail',
                      ),
                      o.a.createElement(
                        d['F'].SubMenu,
                        {
                          key: 'SubMenu',
                          icon: o.a.createElement(E['a'], null),
                          title: 'Submenu',
                        },
                        o.a.createElement(
                          d['F'].ItemGroup,
                          { title: 'Item 1' },
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:1' },
                            'Option 1',
                          ),
                          o.a.createElement(
                            d['F'].Item,
                            { key: 'setting:2' },
                            'Option 2',
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
                o.a.createElement(d['I'], {
                  showQuickJumper: !0,
                  defaultCurrent: 2,
                  total: 500,
                }),
                o.a.createElement(
                  d['W'],
                  { current: 1, percent: 60 },
                  o.a.createElement(d['W'].Step, {
                    title: 'Finished',
                    description: 'This is a description.',
                  }),
                  o.a.createElement(d['W'].Step, {
                    title: 'In Progress',
                    subTitle: 'Left 00:00:08',
                    description: 'This is a description.',
                  }),
                  o.a.createElement(d['W'].Step, {
                    title: 'Waiting',
                    description: 'This is a description.',
                  }),
                ),
                o.a.createElement(
                  d['W'],
                  { current: 2, status: 'error', progressDot: !0 },
                  o.a.createElement(d['W'].Step, {
                    title: 'Finished',
                    description: 'You can hover on the dot.',
                  }),
                  o.a.createElement(d['W'].Step, {
                    title: 'In Progress',
                    description: 'You can hover on the dot.',
                  }),
                  o.a.createElement(d['W'].Step, {
                    title: 'Error',
                    description: 'You can hover on the dot.',
                  }),
                  o.a.createElement(d['W'].Step, {
                    title: 'Waiting',
                    description: 'You can hover on the dot.',
                  }),
                ),
                o.a.createElement(
                  d['y'],
                  null,
                  o.a.createElement(
                    p,
                    null,
                    o.a.createElement(
                      d['y'].Item,
                      null,
                      o.a.createElement(d['A'], h),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'success' },
                      o.a.createElement(d['A'], h),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'warning' },
                      o.a.createElement(d['A'], h),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'error' },
                      o.a.createElement(d['A'], h),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'validating' },
                      o.a.createElement(d['A'], h),
                    ),
                  ),
                ),
                o.a.createElement(
                  d['y'],
                  null,
                  o.a.createElement(
                    p,
                    null,
                    o.a.createElement(
                      d['y'].Item,
                      null,
                      o.a.createElement(d['Q'], y),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'success' },
                      o.a.createElement(d['Q'], y),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'warning' },
                      o.a.createElement(d['Q'], y),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'error' },
                      o.a.createElement(d['Q'], y),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'validating' },
                      o.a.createElement(d['Q'], y),
                    ),
                  ),
                ),
                o.a.createElement(
                  d['y'],
                  null,
                  o.a.createElement(
                    p,
                    null,
                    o.a.createElement(
                      d['y'].Item,
                      null,
                      o.a.createElement(d['gb'], v),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'success' },
                      o.a.createElement(d['gb'], v),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'warning' },
                      o.a.createElement(d['gb'], v),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'error' },
                      o.a.createElement(d['gb'], v),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'validating' },
                      o.a.createElement(d['gb'], v),
                    ),
                  ),
                ),
                o.a.createElement(
                  d['y'],
                  null,
                  o.a.createElement(
                    p,
                    null,
                    o.a.createElement(
                      d['y'].Item,
                      null,
                      o.a.createElement(d['B'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'success' },
                      o.a.createElement(d['B'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'warning' },
                      o.a.createElement(d['B'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'error' },
                      o.a.createElement(d['B'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'validating' },
                      o.a.createElement(d['B'], null),
                    ),
                  ),
                ),
                o.a.createElement(
                  d['y'],
                  null,
                  o.a.createElement(
                    p,
                    null,
                    o.a.createElement(
                      d['y'].Item,
                      null,
                      o.a.createElement(d['s'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'success' },
                      o.a.createElement(d['s'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'warning' },
                      o.a.createElement(d['s'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'error' },
                      o.a.createElement(d['s'], null),
                    ),
                    o.a.createElement(
                      d['y'].Item,
                      { hasFeedback: !0, validateStatus: 'validating' },
                      o.a.createElement(d['s'], null),
                    ),
                  ),
                ),
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(d['n'], null, 'Checkbox'),
                  o.a.createElement(
                    d['M'].Group,
                    { defaultValue: 'bamboo' },
                    o.a.createElement(d['M'], { value: 'bamboo' }, 'Bamboo'),
                    o.a.createElement(d['M'], { value: 'light' }, 'Light'),
                    o.a.createElement(d['M'], { value: 'little' }, 'Little'),
                  ),
                  o.a.createElement(
                    d['E'],
                    { placeholder: 'Mention by @' },
                    o.a.createElement(
                      d['E'].Option,
                      { value: 'afc163' },
                      'afc163',
                    ),
                    o.a.createElement(
                      d['E'].Option,
                      { value: 'zombieJ' },
                      'zombieJ',
                    ),
                    o.a.createElement(
                      d['E'].Option,
                      { value: 'yesmeck' },
                      'yesmeck',
                    ),
                  ),
                  o.a.createElement(d['S'], {
                    defaultValue: 30,
                    style: { width: 100 },
                  }),
                  o.a.createElement(d['X'], { defaultChecked: !0 }),
                ),
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(d['s'].RangePicker, null),
                  o.a.createElement(d['bb'].RangePicker, null),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { span: 8 },
                    o.a.createElement(d['k'], {
                      style: { width: '100%' },
                      tabList: f,
                      tabBarExtraContent: o.a.createElement(
                        'a',
                        { href: '#' },
                        'More',
                      ),
                    }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 8 },
                    o.a.createElement(d['Y'], {
                      size: 'small',
                      bordered: !0,
                      rowSelection: {},
                      columns: [
                        {
                          title: 'Key',
                          dataIndex: 'key',
                          filters: [{ text: 'Little', value: 'little' }],
                          sorter: (e, a) => e.key.length - a.key.length,
                        },
                      ],
                      dataSource: [
                        { key: 'Bamboo' },
                        { key: 'Light' },
                        { key: 'Little' },
                      ],
                    }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 8 },
                    o.a.createElement(
                      d['Z'],
                      { defaultActiveKey: '1' },
                      o.a.createElement(
                        d['Z'].TabPane,
                        { tab: 'Tab 1', key: '1' },
                        'Content of Tab Pane 1',
                      ),
                      o.a.createElement(
                        d['Z'].TabPane,
                        { tab: 'Tab 2', key: '2' },
                        'Content of Tab Pane 2',
                      ),
                      o.a.createElement(
                        d['Z'].TabPane,
                        { tab: 'Tab 3', key: '3' },
                        'Content of Tab Pane 3',
                      ),
                    ),
                  ),
                ),
                o.a.createElement(
                  p,
                  null,
                  o.a.createElement(d['ab'], { color: 'success' }, 'success'),
                  o.a.createElement(
                    d['ab'],
                    { color: 'processing' },
                    'processing',
                  ),
                  o.a.createElement(d['ab'], { color: 'error' }, 'error'),
                  o.a.createElement(d['ab'], { color: 'warning' }, 'warning'),
                  o.a.createElement(d['ab'], { color: 'default' }, 'default'),
                  o.a.createElement(
                    d['ab'].CheckableTag,
                    { checked: !0 },
                    'CheckableTag',
                  ),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { span: 16 },
                    o.a.createElement(
                      d['cb'],
                      { mode: 'alternate' },
                      o.a.createElement(
                        d['cb'].Item,
                        null,
                        'Create a services site 2015-09-01',
                      ),
                      o.a.createElement(
                        d['cb'].Item,
                        { color: 'gray' },
                        'Solve initial network problems 2015-09-01',
                      ),
                      o.a.createElement(
                        d['cb'].Item,
                        {
                          dot: o.a.createElement(u['a'], {
                            style: { fontSize: '16px' },
                          }),
                        },
                        'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.',
                      ),
                    ),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 8 },
                    o.a.createElement(d['fb'], {
                      treeData: g,
                      height: 200,
                      defaultExpandAll: !0,
                      checkable: !0,
                    }),
                  ),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { span: 6 },
                    o.a.createElement(d['b'], {
                      showIcon: !0,
                      message: 'Success Text',
                      type: 'success',
                    }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 6 },
                    o.a.createElement(d['b'], {
                      showIcon: !0,
                      message: 'Info Text',
                      type: 'info',
                    }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 6 },
                    o.a.createElement(d['b'], {
                      showIcon: !0,
                      message: 'Warning Text',
                      type: 'warning',
                    }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { span: 6 },
                    o.a.createElement(d['b'], {
                      showIcon: !0,
                      message: 'Error Text',
                      type: 'error',
                    }),
                  ),
                ),
                o.a.createElement(
                  d['P'],
                  { gutter: 16 },
                  o.a.createElement(
                    d['o'],
                    { flex: 'auto' },
                    o.a.createElement(d['L'], { percent: 30 }),
                    o.a.createElement(d['L'], {
                      percent: 70,
                      status: 'exception',
                    }),
                    o.a.createElement(d['L'], { percent: 100 }),
                  ),
                  o.a.createElement(
                    d['o'],
                    { flex: 'none' },
                    o.a.createElement(d['L'], { type: 'circle', percent: 75 }),
                    o.a.createElement(d['L'], {
                      type: 'circle',
                      percent: 70,
                      status: 'exception',
                    }),
                    o.a.createElement(d['L'], { type: 'circle', percent: 100 }),
                  ),
                ),
                o.a.createElement(k, null),
              ),
            ),
          );
        };
      a['default'] = b;
    },
  },
]);
