(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [126],
  {
    '3Mcc': function (e, t, a) {},
    '3a0+': function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('tJVT'),
        n = a('q1tI'),
        r = a.n(n),
        m = a('m/eG'),
        c = a('x9r5'),
        E = a('QMUJ'),
        o = a('cJ7L'),
        i = a('creX'),
        u = a('9jjd'),
        s = (a('3Mcc'), m['C'].Header),
        d = m['C'].Content,
        y = m['C'].Footer,
        b = m['C'].Sider,
        k = m['F'].SubMenu,
        p = () => {
          var e = Object(n['useState'])(!1),
            t = Object(l['a'])(e, 2),
            a = t[0],
            p = t[1],
            g = (e) => {
              console.log(e), p(e);
            };
          return r.a.createElement(
            m['C'],
            { style: { minHeight: '100vh' } },
            r.a.createElement(
              b,
              { collapsible: !0, collapsed: a, onCollapse: g },
              r.a.createElement('div', { className: 'logo' }),
              r.a.createElement(
                m['F'],
                { theme: 'dark', defaultSelectedKeys: ['1'], mode: 'inline' },
                r.a.createElement(
                  m['F'].Item,
                  { key: '1', icon: r.a.createElement(c['a'], null) },
                  'Option 1',
                ),
                r.a.createElement(
                  m['F'].Item,
                  { key: '2', icon: r.a.createElement(E['a'], null) },
                  'Option 2',
                ),
                r.a.createElement(
                  k,
                  {
                    key: 'sub1',
                    icon: r.a.createElement(o['a'], null),
                    title: 'User',
                  },
                  r.a.createElement(m['F'].Item, { key: '3' }, 'Tom'),
                  r.a.createElement(m['F'].Item, { key: '4' }, 'Bill'),
                  r.a.createElement(m['F'].Item, { key: '5' }, 'Alex'),
                ),
                r.a.createElement(
                  k,
                  {
                    key: 'sub2',
                    icon: r.a.createElement(i['a'], null),
                    title: 'Team',
                  },
                  r.a.createElement(m['F'].Item, { key: '6' }, 'Team 1'),
                  r.a.createElement(m['F'].Item, { key: '8' }, 'Team 2'),
                ),
                r.a.createElement(
                  m['F'].Item,
                  { key: '9', icon: r.a.createElement(u['a'], null) },
                  'Files',
                ),
              ),
            ),
            r.a.createElement(
              m['C'],
              { className: 'site-layout' },
              r.a.createElement(s, {
                className: 'site-layout-background',
                style: { padding: 0 },
              }),
              r.a.createElement(
                d,
                { style: { margin: '0 16px' } },
                r.a.createElement(
                  m['h'],
                  { style: { margin: '16px 0' } },
                  r.a.createElement(m['h'].Item, null, 'User'),
                  r.a.createElement(m['h'].Item, null, 'Bill'),
                ),
                r.a.createElement(
                  'div',
                  {
                    className: 'site-layout-background',
                    style: { padding: 24, minHeight: 360 },
                  },
                  'Bill is a cat.',
                ),
              ),
              r.a.createElement(
                y,
                { style: { textAlign: 'center' } },
                'Ant Design \xa92018 Created by Ant UED',
              ),
            ),
          );
        };
      t['default'] = p;
    },
    DB56: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = (a('Eqpk'), r['C'].Header),
        c = r['C'].Content,
        E = r['C'].Footer,
        o = () =>
          n.a.createElement(
            r['C'],
            null,
            n.a.createElement(
              m,
              { style: { position: 'fixed', zIndex: 1, width: '100%' } },
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                {
                  theme: 'dark',
                  mode: 'horizontal',
                  defaultSelectedKeys: ['2'],
                },
                n.a.createElement(r['F'].Item, { key: '1' }, 'nav 1'),
                n.a.createElement(r['F'].Item, { key: '2' }, 'nav 2'),
                n.a.createElement(r['F'].Item, { key: '3' }, 'nav 3'),
              ),
            ),
            n.a.createElement(
              c,
              {
                className: 'site-layout',
                style: { padding: '0 50px', marginTop: 64 },
              },
              n.a.createElement(
                r['h'],
                { style: { margin: '16px 0' } },
                n.a.createElement(r['h'].Item, null, 'Home'),
                n.a.createElement(r['h'].Item, null, 'List'),
                n.a.createElement(r['h'].Item, null, 'App'),
              ),
              n.a.createElement(
                'div',
                {
                  className: 'site-layout-background',
                  style: { padding: 24, minHeight: 380 },
                },
                'Content',
              ),
            ),
            n.a.createElement(
              E,
              { style: { textAlign: 'center' } },
              'Ant Design \xa92018 Created by Ant UED',
            ),
          );
      t['default'] = o;
    },
    DNuq: function (e, t, a) {},
    Eqpk: function (e, t, a) {},
    Mc3R: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('tJVT'),
        n = a('q1tI'),
        r = a.n(n),
        m = a('m/eG'),
        c = a('cJ7L'),
        E = a('yJ5d'),
        o = a('z7Xi'),
        i = a('dxGJ'),
        u = a('wJku'),
        s = m['C'].Header,
        d = m['C'].Sider,
        y = m['C'].Content,
        b = () => {
          var e = Object(n['useState'])(!1),
            t = Object(l['a'])(e, 2),
            a = t[0],
            b = t[1],
            k = () => {
              b(!a);
            };
          return r.a.createElement(
            m['C'],
            null,
            r.a.createElement(
              d,
              { trigger: null, collapsible: !0, collapsed: a },
              r.a.createElement('div', { className: 'logo' }),
              r.a.createElement(
                m['F'],
                { theme: 'dark', mode: 'inline', defaultSelectedKeys: ['1'] },
                r.a.createElement(
                  m['F'].Item,
                  { key: '1', icon: r.a.createElement(c['a'], null) },
                  'nav 1',
                ),
                r.a.createElement(
                  m['F'].Item,
                  { key: '2', icon: r.a.createElement(E['a'], null) },
                  'nav 2',
                ),
                r.a.createElement(
                  m['F'].Item,
                  { key: '3', icon: r.a.createElement(o['a'], null) },
                  'nav 3',
                ),
              ),
            ),
            r.a.createElement(
              m['C'],
              { className: 'site-layout' },
              r.a.createElement(
                s,
                { className: 'site-layout-background', style: { padding: 0 } },
                r.a.createElement(a ? i['a'] : u['a'], {
                  className: 'trigger',
                  onClick: k,
                }),
              ),
              r.a.createElement(
                y,
                {
                  className: 'site-layout-background',
                  style: { margin: '24px 16px', padding: 24, minHeight: 280 },
                },
                'Content',
              ),
            ),
          );
        };
      t['default'] = b;
    },
    NQHN: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = a('cJ7L'),
        c = a('yJ5d'),
        E = a('z7Xi'),
        o = r['C'].Header,
        i = r['C'].Content,
        u = r['C'].Footer,
        s = r['C'].Sider,
        d = () =>
          n.a.createElement(
            r['C'],
            null,
            n.a.createElement(
              s,
              {
                breakpoint: 'lg',
                collapsedWidth: '0',
                onBreakpoint: (e) => {
                  console.log(e);
                },
                onCollapse: (e, t) => {
                  console.log(e, t);
                },
              },
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                { theme: 'dark', mode: 'inline', defaultSelectedKeys: ['4'] },
                n.a.createElement(
                  r['F'].Item,
                  { key: '1', icon: n.a.createElement(m['a'], null) },
                  'nav 1',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '2', icon: n.a.createElement(c['a'], null) },
                  'nav 2',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '3', icon: n.a.createElement(E['a'], null) },
                  'nav 3',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '4', icon: n.a.createElement(m['a'], null) },
                  'nav 4',
                ),
              ),
            ),
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(o, {
                className: 'site-layout-sub-header-background',
                style: { padding: 0 },
              }),
              n.a.createElement(
                i,
                { style: { margin: '24px 16px 0' } },
                n.a.createElement(
                  'div',
                  {
                    className: 'site-layout-background',
                    style: { padding: 24, minHeight: 360 },
                  },
                  'content',
                ),
              ),
              n.a.createElement(
                u,
                { style: { textAlign: 'center' } },
                'Ant Design \xa92018 Created by Ant UED',
              ),
            ),
          );
      t['default'] = d;
    },
    c23d: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = a('cJ7L'),
        c = a('iG7t'),
        E = a('xbEU'),
        o = r['F'].SubMenu,
        i = r['C'].Header,
        u = r['C'].Content,
        s = r['C'].Sider,
        d = () =>
          n.a.createElement(
            r['C'],
            null,
            n.a.createElement(
              i,
              { className: 'header' },
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                {
                  theme: 'dark',
                  mode: 'horizontal',
                  defaultSelectedKeys: ['2'],
                },
                n.a.createElement(r['F'].Item, { key: '1' }, 'nav 1'),
                n.a.createElement(r['F'].Item, { key: '2' }, 'nav 2'),
                n.a.createElement(r['F'].Item, { key: '3' }, 'nav 3'),
              ),
            ),
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(
                s,
                { width: 200, className: 'site-layout-background' },
                n.a.createElement(
                  r['F'],
                  {
                    mode: 'inline',
                    defaultSelectedKeys: ['1'],
                    defaultOpenKeys: ['sub1'],
                    style: { height: '100%', borderRight: 0 },
                  },
                  n.a.createElement(
                    o,
                    {
                      key: 'sub1',
                      icon: n.a.createElement(m['a'], null),
                      title: 'subnav 1',
                    },
                    n.a.createElement(r['F'].Item, { key: '1' }, 'option1'),
                    n.a.createElement(r['F'].Item, { key: '2' }, 'option2'),
                    n.a.createElement(r['F'].Item, { key: '3' }, 'option3'),
                    n.a.createElement(r['F'].Item, { key: '4' }, 'option4'),
                  ),
                  n.a.createElement(
                    o,
                    {
                      key: 'sub2',
                      icon: n.a.createElement(c['a'], null),
                      title: 'subnav 2',
                    },
                    n.a.createElement(r['F'].Item, { key: '5' }, 'option5'),
                    n.a.createElement(r['F'].Item, { key: '6' }, 'option6'),
                    n.a.createElement(r['F'].Item, { key: '7' }, 'option7'),
                    n.a.createElement(r['F'].Item, { key: '8' }, 'option8'),
                  ),
                  n.a.createElement(
                    o,
                    {
                      key: 'sub3',
                      icon: n.a.createElement(E['a'], null),
                      title: 'subnav 3',
                    },
                    n.a.createElement(r['F'].Item, { key: '9' }, 'option9'),
                    n.a.createElement(r['F'].Item, { key: '10' }, 'option10'),
                    n.a.createElement(r['F'].Item, { key: '11' }, 'option11'),
                    n.a.createElement(r['F'].Item, { key: '12' }, 'option12'),
                  ),
                ),
              ),
              n.a.createElement(
                r['C'],
                { style: { padding: '0 24px 24px' } },
                n.a.createElement(
                  r['h'],
                  { style: { margin: '16px 0' } },
                  n.a.createElement(r['h'].Item, null, 'Home'),
                  n.a.createElement(r['h'].Item, null, 'List'),
                  n.a.createElement(r['h'].Item, null, 'App'),
                ),
                n.a.createElement(
                  u,
                  {
                    className: 'site-layout-background',
                    style: { padding: 24, margin: 0, minHeight: 280 },
                  },
                  'Content',
                ),
              ),
            ),
          );
      t['default'] = d;
    },
    hceB: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = a('cJ7L'),
        c = a('iG7t'),
        E = a('xbEU'),
        o = r['F'].SubMenu,
        i = r['C'].Header,
        u = r['C'].Content,
        s = r['C'].Footer,
        d = r['C'].Sider,
        y = () =>
          n.a.createElement(
            r['C'],
            null,
            n.a.createElement(
              i,
              { className: 'header' },
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                {
                  theme: 'dark',
                  mode: 'horizontal',
                  defaultSelectedKeys: ['2'],
                },
                n.a.createElement(r['F'].Item, { key: '1' }, 'nav 1'),
                n.a.createElement(r['F'].Item, { key: '2' }, 'nav 2'),
                n.a.createElement(r['F'].Item, { key: '3' }, 'nav 3'),
              ),
            ),
            n.a.createElement(
              u,
              { style: { padding: '0 50px' } },
              n.a.createElement(
                r['h'],
                { style: { margin: '16px 0' } },
                n.a.createElement(r['h'].Item, null, 'Home'),
                n.a.createElement(r['h'].Item, null, 'List'),
                n.a.createElement(r['h'].Item, null, 'App'),
              ),
              n.a.createElement(
                r['C'],
                {
                  className: 'site-layout-background',
                  style: { padding: '24px 0' },
                },
                n.a.createElement(
                  d,
                  { className: 'site-layout-background', width: 200 },
                  n.a.createElement(
                    r['F'],
                    {
                      mode: 'inline',
                      defaultSelectedKeys: ['1'],
                      defaultOpenKeys: ['sub1'],
                      style: { height: '100%' },
                    },
                    n.a.createElement(
                      o,
                      {
                        key: 'sub1',
                        icon: n.a.createElement(m['a'], null),
                        title: 'subnav 1',
                      },
                      n.a.createElement(r['F'].Item, { key: '1' }, 'option1'),
                      n.a.createElement(r['F'].Item, { key: '2' }, 'option2'),
                      n.a.createElement(r['F'].Item, { key: '3' }, 'option3'),
                      n.a.createElement(r['F'].Item, { key: '4' }, 'option4'),
                    ),
                    n.a.createElement(
                      o,
                      {
                        key: 'sub2',
                        icon: n.a.createElement(c['a'], null),
                        title: 'subnav 2',
                      },
                      n.a.createElement(r['F'].Item, { key: '5' }, 'option5'),
                      n.a.createElement(r['F'].Item, { key: '6' }, 'option6'),
                      n.a.createElement(r['F'].Item, { key: '7' }, 'option7'),
                      n.a.createElement(r['F'].Item, { key: '8' }, 'option8'),
                    ),
                    n.a.createElement(
                      o,
                      {
                        key: 'sub3',
                        icon: n.a.createElement(E['a'], null),
                        title: 'subnav 3',
                      },
                      n.a.createElement(r['F'].Item, { key: '9' }, 'option9'),
                      n.a.createElement(r['F'].Item, { key: '10' }, 'option10'),
                      n.a.createElement(r['F'].Item, { key: '11' }, 'option11'),
                      n.a.createElement(r['F'].Item, { key: '12' }, 'option12'),
                    ),
                  ),
                ),
                n.a.createElement(
                  u,
                  { style: { padding: '0 24px', minHeight: 280 } },
                  'Content',
                ),
              ),
            ),
            n.a.createElement(
              s,
              { style: { textAlign: 'center' } },
              'Ant Design \xa92018 Created by Ant UED',
            ),
          );
      t['default'] = y;
    },
    jPKV: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = a('cJ7L'),
        c = a('yJ5d'),
        E = a('z7Xi'),
        o = a('UdsK'),
        i = a('VWbf'),
        u = a('+GxG'),
        s = a('creX'),
        d = a('Ljug'),
        y = (a('DNuq'), r['C'].Header),
        b = r['C'].Content,
        k = r['C'].Footer,
        p = r['C'].Sider,
        g = () =>
          n.a.createElement(
            r['C'],
            null,
            n.a.createElement(
              p,
              {
                style: {
                  overflow: 'auto',
                  height: '100vh',
                  position: 'fixed',
                  left: 0,
                },
              },
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                { theme: 'dark', mode: 'inline', defaultSelectedKeys: ['4'] },
                n.a.createElement(
                  r['F'].Item,
                  { key: '1', icon: n.a.createElement(m['a'], null) },
                  'nav 1',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '2', icon: n.a.createElement(c['a'], null) },
                  'nav 2',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '3', icon: n.a.createElement(E['a'], null) },
                  'nav 3',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '4', icon: n.a.createElement(o['a'], null) },
                  'nav 4',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '5', icon: n.a.createElement(i['a'], null) },
                  'nav 5',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '6', icon: n.a.createElement(u['a'], null) },
                  'nav 6',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '7', icon: n.a.createElement(s['a'], null) },
                  'nav 7',
                ),
                n.a.createElement(
                  r['F'].Item,
                  { key: '8', icon: n.a.createElement(d['a'], null) },
                  'nav 8',
                ),
              ),
            ),
            n.a.createElement(
              r['C'],
              { className: 'site-layout', style: { marginLeft: 200 } },
              n.a.createElement(y, {
                className: 'site-layout-background',
                style: { padding: 0 },
              }),
              n.a.createElement(
                b,
                { style: { margin: '24px 16px 0', overflow: 'initial' } },
                n.a.createElement(
                  'div',
                  {
                    className: 'site-layout-background',
                    style: { padding: 24, textAlign: 'center' },
                  },
                  '...',
                  n.a.createElement('br', null),
                  'Really',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  'long',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  '...',
                  n.a.createElement('br', null),
                  'content',
                ),
              ),
              n.a.createElement(
                k,
                { style: { textAlign: 'center' } },
                'Ant Design \xa92018 Created by Ant UED',
              ),
            ),
          );
      t['default'] = g;
    },
    knqo: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = r['C'].Header,
        c = r['C'].Content,
        E = r['C'].Footer,
        o = () =>
          n.a.createElement(
            r['C'],
            { className: 'layout' },
            n.a.createElement(
              m,
              null,
              n.a.createElement('div', { className: 'logo' }),
              n.a.createElement(
                r['F'],
                {
                  theme: 'dark',
                  mode: 'horizontal',
                  defaultSelectedKeys: ['2'],
                },
                new Array(15).fill(null).map((e, t) => {
                  var a = t + 1;
                  return n.a.createElement(
                    r['F'].Item,
                    { key: a },
                    'nav '.concat(a),
                  );
                }),
              ),
            ),
            n.a.createElement(
              c,
              { style: { padding: '0 50px' } },
              n.a.createElement(
                r['h'],
                { style: { margin: '16px 0' } },
                n.a.createElement(r['h'].Item, null, 'Home'),
                n.a.createElement(r['h'].Item, null, 'List'),
                n.a.createElement(r['h'].Item, null, 'App'),
              ),
              n.a.createElement(
                'div',
                { className: 'site-layout-content' },
                'Content',
              ),
            ),
            n.a.createElement(
              E,
              { style: { textAlign: 'center' } },
              'Ant Design \xa92018 Created by Ant UED',
            ),
          );
      t['default'] = o;
    },
    lJz8: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        m = r['C'].Header,
        c = r['C'].Footer,
        E = r['C'].Sider,
        o = r['C'].Content,
        i = () =>
          n.a.createElement(
            n.a.Fragment,
            null,
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(m, null, 'Header'),
              n.a.createElement(o, null, 'Content'),
              n.a.createElement(c, null, 'Footer'),
            ),
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(m, null, 'Header'),
              n.a.createElement(
                r['C'],
                null,
                n.a.createElement(E, null, 'Sider'),
                n.a.createElement(o, null, 'Content'),
              ),
              n.a.createElement(c, null, 'Footer'),
            ),
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(m, null, 'Header'),
              n.a.createElement(
                r['C'],
                null,
                n.a.createElement(o, null, 'Content'),
                n.a.createElement(E, null, 'Sider'),
              ),
              n.a.createElement(c, null, 'Footer'),
            ),
            n.a.createElement(
              r['C'],
              null,
              n.a.createElement(E, null, 'Sider'),
              n.a.createElement(
                r['C'],
                null,
                n.a.createElement(m, null, 'Header'),
                n.a.createElement(o, null, 'Content'),
                n.a.createElement(c, null, 'Footer'),
              ),
            ),
          );
      t['default'] = i;
    },
  },
]);
