(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [133],
  {
    xbDh: function (e, a, t) {
      'use strict';
      t.r(a);
      var n = t('q1tI'),
        l = t.n(n),
        o = t('dEAq'),
        c = t('H1Ra');
      t('JjdP');
      a['default'] = (e) => (
        l.a.useEffect(() => {
          var a;
          null !== e &&
            void 0 !== e &&
            null !== (a = e.location) &&
            void 0 !== a &&
            a.hash &&
            o['AnchorLink'].scrollToAnchor(
              decodeURIComponent(e.location.hash.slice(1)),
            );
        }, []),
        l.a.createElement(
          l.a.Fragment,
          null,
          l.a.createElement(
            'div',
            { className: 'markdown' },
            l.a.createElement(
              'h1',
              { id: '\u5feb\u901f\u4e0a\u624b' },
              l.a.createElement(
                o['AnchorLink'],
                {
                  to: '#\u5feb\u901f\u4e0a\u624b',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u5feb\u901f\u4e0a\u624b',
            ),
            l.a.createElement(
              'p',
              null,
              'fle-ui \u81f4\u529b\u4e8e\u63d0\u4f9b\u7ed9\u7a0b\u5e8f\u5458',
              l.a.createElement('strong', null, '\u6109\u60a6'),
              '\u7684\u5f00\u53d1\u4f53\u9a8c\u3002',
            ),
            l.a.createElement(
              'blockquote',
              null,
              l.a.createElement(
                'p',
                null,
                '\u5728\u5f00\u59cb\u4e4b\u524d\uff0c\u63a8\u8350\u5148\u5b66\u4e60 ',
                l.a.createElement(
                  o['Link'],
                  { to: 'http://reactjs.org/' },
                  'React',
                ),
                ' \u548c ',
                l.a.createElement(
                  o['Link'],
                  { to: 'http://babeljs.io/docs/learn-es2015/' },
                  'ES2015',
                ),
                '\uff0c\u5e76\u6b63\u786e\u5b89\u88c5\u548c\u914d\u7f6e\u4e86 ',
                l.a.createElement(
                  o['Link'],
                  { to: 'https://nodejs.org/' },
                  'Node.js',
                ),
                ' v8 \u6216\u4ee5\u4e0a\u3002\u5b98\u65b9\u6307\u5357\u5047\u8bbe\u4f60\u5df2\u4e86\u89e3\u5173\u4e8e HTML\u3001CSS \u548c JavaScript \u7684\u4e2d\u7ea7\u77e5\u8bc6\uff0c\u5e76\u4e14\u5df2\u7ecf\u5b8c\u5168\u638c\u63e1\u4e86 React \u5168\u5bb6\u6876\u7684\u6b63\u786e\u5f00\u53d1\u65b9\u5f0f\u3002\u5982\u679c\u4f60\u521a\u5f00\u59cb\u5b66\u4e60\u524d\u7aef\u6216\u8005 React\uff0c\u5c06 UI \u6846\u67b6\u4f5c\u4e3a\u4f60\u7684\u7b2c\u4e00\u6b65\u53ef\u80fd\u4e0d\u662f\u6700\u597d\u7684\u4e3b\u610f\u3002',
              ),
            ),
            l.a.createElement('hr', null),
            l.a.createElement(
              'h2',
              { id: '\u7b2c\u4e00\u4e2a\u4f8b\u5b50' },
              l.a.createElement(
                o['AnchorLink'],
                {
                  to: '#\u7b2c\u4e00\u4e2a\u4f8b\u5b50',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u7b2c\u4e00\u4e2a\u4f8b\u5b50',
            ),
            l.a.createElement(
              'p',
              null,
              '\u8fd9\u662f\u4e00\u4e2a\u6700\u7b80\u5355\u7684 Ant Design \u7ec4\u4ef6\u7684\u5728\u7ebf codesandbox \u6f14\u793a\u3002fle-ui \u4e0e\u5176\u4e00\u81f4',
            ),
            l.a.createElement(
              'iframe',
              {
                src: 'https://codesandbox.io/embed/antd-reproduction-template-6e93z?autoresize=1&fontsize=14&hidenavigation=1&theme=dark',
                style: {
                  width: '100%',
                  height: '500px',
                  border: '0',
                  borderRadius: '4px',
                  overflow: 'hidden',
                },
                title: 'antd reproduction template',
                allow:
                  'geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb',
                sandbox: [
                  'allow-modals',
                  'allow-forms',
                  'allow-popups',
                  'allow-scripts',
                  'allow-same-origin',
                ],
              },
              '\u6309\u9700\u52a0\u8f7d',
            ),
            l.a.createElement(
              'p',
              null,
              l.a.createElement('code', null, 'fle-ui'),
              ' \u9ed8\u8ba4\u652f\u6301\u57fa\u4e8e ES modules \u7684 tree shaking\uff0c\u5bf9\u4e8e js \u90e8\u5206\uff0c\u76f4\u63a5\u5f15\u5165 ',
              l.a.createElement(
                'code',
                null,
                'import ',
                '{',
                ' Button ',
                '}',
                " from '@fle-ui/next'",
              ),
              ' \u5c31\u4f1a\u6709\u6309\u9700\u52a0\u8f7d\u7684\u6548\u679c\u3002',
            ),
            l.a.createElement(
              'p',
              null,
              '\u5982\u679c\u4f60\u5728\u5f00\u53d1\u73af\u5883\u7684\u63a7\u5236\u53f0\u770b\u5230\u4e0b\u9762\u7684\u63d0\u793a\uff0c\u90a3\u4e48\u4f60\u53ef\u80fd\u8fd8\u5728\u4f7f\u7528 ',
              l.a.createElement('code', null, 'webpack@1.x'),
              ' \u6216\u8005 tree shaking \u5931\u6548\uff0c\u8bf7\u5347\u7ea7\u6216\u68c0\u67e5\u76f8\u5173\u914d\u7f6e\u3002',
            ),
            l.a.createElement(c['a'], {
              code: 'You are using a whole package of fle-ui, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.',
              lang: 'unknown',
            }),
            l.a.createElement(
              'p',
              null,
              l.a.createElement('img', {
                src: 'https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png',
                alt: '\u63a7\u5236\u53f0\u8b66\u544a',
              }),
            ),
            l.a.createElement(
              'h2',
              { id: '\u81ea\u884c\u6784\u5efa' },
              l.a.createElement(
                o['AnchorLink'],
                {
                  to: '#\u81ea\u884c\u6784\u5efa',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u81ea\u884c\u6784\u5efa',
            ),
            l.a.createElement(
              'p',
              null,
              '\u5982\u679c\u60f3\u81ea\u5df1\u7ef4\u62a4\u5de5\u4f5c\u6d41\uff0c\u6211\u4eec\u63a8\u8350\u4f7f\u7528 ',
              l.a.createElement(
                o['Link'],
                { to: 'https://webpack.github.io/' },
                'webpack',
              ),
              ' \u8fdb\u884c\u6784\u5efa\u548c\u8c03\u8bd5\uff0c\u53ef\u4ee5\u4f7f\u7528 React \u751f\u6001\u5708\u4e2d\u7684 ',
              l.a.createElement(
                o['Link'],
                { to: 'https://github.com/enaqx/awesome-react#react-tools' },
                '\u5404\u79cd\u811a\u624b\u67b6',
              ),
              ' \u8fdb\u884c\u5f00\u53d1\u3002',
            ),
          ),
        )
      );
    },
  },
]);
