(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [134],
  {
    Ng3g: function (e, t, a) {
      'use strict';
      a.r(t);
      var n = a('q1tI'),
        l = a.n(n),
        r = a('dEAq'),
        c = a('H1Ra');
      a('JjdP');
      t['default'] = (e) => (
        l.a.useEffect(() => {
          var t;
          null !== e &&
            void 0 !== e &&
            null !== (t = e.location) &&
            void 0 !== t &&
            t.hash &&
            r['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: 'fle-ui-of-react' },
              l.a.createElement(
                r['AnchorLink'],
                { to: '#fle-ui-of-react', 'aria-hidden': 'true', tabIndex: -1 },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              'Fle-ui of React',
            ),
            l.a.createElement(
              'p',
              null,
              l.a.createElement('code', null, 'fle-ui'),
              ' \u662f\u57fa\u4e8e Ant Design \u8bbe\u8ba1\u4f53\u7cfb\u7684 React UI \u7ec4\u4ef6\u5e93\uff0c\u4e3b\u8981\u7528\u4e8e\u7814\u53d1\u4f01\u4e1a\u7ea7\u4e2d\u540e\u53f0\u4ea7\u54c1\u3002',
            ),
            l.a.createElement(
              'div',
              { className: 'pic-plus' },
              l.a.createElement('img', {
                width: 150,
                src: 'https://oss.elebuys.com/resource/programme/202106211028580003961886.png',
              }),
              l.a.createElement('span', null, '+'),
              l.a.createElement('img', {
                width: 150,
                src: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
              }),
              l.a.createElement('span', null, '+'),
              l.a.createElement('img', {
                width: 160,
                src: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
              }),
            ),
            l.a.createElement('style', {
              dangerouslySetInnerHTML: {
                __html:
                  '\n.pic-plus > * {\n  display: inline-block !important;\n  vertical-align: middle;\n}\n.pic-plus span {\n  margin: 0 20px;\n  color: #aaa;\n  font-size: 30px;\n}\n',
              },
            }),
            l.a.createElement(
              'h2',
              { id: '-\u7279\u6027' },
              l.a.createElement(
                r['AnchorLink'],
                { to: '#-\u7279\u6027', 'aria-hidden': 'true', tabIndex: -1 },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u2728 \u7279\u6027',
            ),
            l.a.createElement(
              'ul',
              null,
              l.a.createElement(
                'li',
                null,
                '\ud83c\udf08 \u63d0\u70bc\u81ea\u4f01\u4e1a\u7ea7\u4e2d\u540e\u53f0\u4ea7\u54c1\u7684\u4ea4\u4e92\u8bed\u8a00\u548c\u89c6\u89c9\u98ce\u683c\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\ud83d\udce6 \u5f00\u7bb1\u5373\u7528\u7684\u9ad8\u8d28\u91cf React \u7ec4\u4ef6\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\ud83d\udee1 \u4f7f\u7528 TypeScript \u5f00\u53d1\uff0c\u63d0\u4f9b\u5b8c\u6574\u7684\u7c7b\u578b\u5b9a\u4e49\u6587\u4ef6\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\u2699\ufe0f \u5168\u94fe\u8def\u5f00\u53d1\u548c\u8bbe\u8ba1\u5de5\u5177\u4f53\u7cfb\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\ud83c\udf0d \u6570\u5341\u4e2a\u56fd\u9645\u5316\u8bed\u8a00\u652f\u6301\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\ud83c\udfa8 \u6df1\u5165\u6bcf\u4e2a\u7ec6\u8282\u7684\u4e3b\u9898\u5b9a\u5236\u80fd\u529b\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\ud83d\udc14 \u7ee7\u627f antd api \u96f6\u6210\u672c\u63a5\u5165',
              ),
            ),
            l.a.createElement(
              'h2',
              { id: '\u517c\u5bb9\u73af\u5883' },
              l.a.createElement(
                r['AnchorLink'],
                {
                  to: '#\u517c\u5bb9\u73af\u5883',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u517c\u5bb9\u73af\u5883',
            ),
            l.a.createElement(
              'ul',
              null,
              l.a.createElement(
                'li',
                null,
                '\u73b0\u4ee3\u6d4f\u89c8\u5668\u548c IE11\uff08\u9700\u8981 ',
                l.a.createElement(
                  r['Link'],
                  {
                    to: 'https://ant.design/docs/react/getting-started-cn#%E5%85%BC%E5%AE%B9%E6%80%A7',
                  },
                  'polyfills',
                ),
                '\uff09\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                '\u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\u3002',
              ),
              l.a.createElement(
                'li',
                null,
                l.a.createElement(
                  r['Link'],
                  { to: 'https://www.electronjs.org/' },
                  'Electron',
                ),
              ),
            ),
            l.a.createElement(
              'table',
              null,
              l.a.createElement(
                'thead',
                null,
                l.a.createElement(
                  'tr',
                  null,
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png',
                        alt: 'IE / Edge',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'IE / Edge',
                  ),
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png',
                        alt: 'Firefox',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'Firefox',
                  ),
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png',
                        alt: 'Chrome',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'Chrome',
                  ),
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png',
                        alt: 'Safari',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'Safari',
                  ),
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png',
                        alt: 'Opera',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'Opera',
                  ),
                  l.a.createElement(
                    'th',
                    null,
                    l.a.createElement(
                      r['Link'],
                      {
                        to: 'http://godban.github.io/browsers-support-badges/',
                      },
                      l.a.createElement('img', {
                        src: 'https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png',
                        alt: 'Electron',
                        width: '24px',
                        height: '24px',
                      }),
                    ),
                    l.a.createElement('br', null),
                    'Electron',
                  ),
                ),
              ),
              l.a.createElement(
                'tbody',
                null,
                l.a.createElement(
                  'tr',
                  null,
                  l.a.createElement('td', null, 'IE11, Edge'),
                  l.a.createElement('td', null, 'last 2 versions'),
                  l.a.createElement('td', null, 'last 2 versions'),
                  l.a.createElement('td', null, 'last 2 versions'),
                  l.a.createElement('td', null, 'last 2 versions'),
                  l.a.createElement('td', null, 'last 2 versions'),
                ),
              ),
            ),
            l.a.createElement(
              'p',
              null,
              '\u5bf9\u4e8e IE \u7cfb\u5217\u6d4f\u89c8\u5668\uff0c\u9700\u8981\u63d0\u4f9b\u76f8\u5e94\u7684 Polyfill \u652f\u6301\uff0c\u5efa\u8bae\u4f7f\u7528 ',
              l.a.createElement(
                r['Link'],
                { to: 'https://babeljs.io/docs/en/babel-preset-env' },
                '@babel/preset-env',
              ),
              ' \u6765\u89e3\u51b3\u6d4f\u89c8\u5668\u517c\u5bb9\u95ee\u9898\u3002\u5982\u679c\u4f60\u5728\u4f7f\u7528 ',
              l.a.createElement(r['Link'], { to: 'http://umijs.org/' }, 'umi'),
              '\uff0c\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528 ',
              l.a.createElement(
                r['Link'],
                { to: 'https://umijs.org/zh/config/#targets' },
                'targets',
              ),
              ' \u914d\u7f6e\u3002',
            ),
            l.a.createElement(
              'h2',
              { id: '\u5b89\u88c5' },
              l.a.createElement(
                r['AnchorLink'],
                { to: '#\u5b89\u88c5', 'aria-hidden': 'true', tabIndex: -1 },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u5b89\u88c5',
            ),
            l.a.createElement(
              'h3',
              { id: '\u4f7f\u7528-npm-\u6216-yarn-\u5b89\u88c5' },
              l.a.createElement(
                r['AnchorLink'],
                {
                  to: '#\u4f7f\u7528-npm-\u6216-yarn-\u5b89\u88c5',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u4f7f\u7528 npm \u6216 yarn \u5b89\u88c5',
            ),
            l.a.createElement(
              'p',
              null,
              l.a.createElement(
                'strong',
                null,
                '\u6211\u4eec\u63a8\u8350\u4f7f\u7528 npm \u6216 yarn \u7684\u65b9\u5f0f\u8fdb\u884c\u5f00\u53d1',
              ),
              '\uff0c\u4e0d\u4ec5\u53ef\u5728\u5f00\u53d1\u73af\u5883\u8f7b\u677e\u8c03\u8bd5\uff0c\u4e5f\u53ef\u653e\u5fc3\u5730\u5728\u751f\u4ea7\u73af\u5883\u6253\u5305\u90e8\u7f72\u4f7f\u7528\uff0c\u4eab\u53d7\u6574\u4e2a\u751f\u6001\u5708\u548c\u5de5\u5177\u94fe\u5e26\u6765\u7684\u8bf8\u591a\u597d\u5904\u3002',
            ),
            l.a.createElement(c['a'], {
              code: '$ npm install @fle-ui/next --save',
              lang: 'bash',
            }),
            l.a.createElement(c['a'], {
              code: '$ yarn add @fle-ui/next',
              lang: 'bash',
            }),
            l.a.createElement(
              'p',
              null,
              '\u5982\u679c\u4f60\u7684\u7f51\u7edc\u73af\u5883\u4e0d\u4f73\uff0c\u63a8\u8350\u4f7f\u7528 ',
              l.a.createElement(
                r['Link'],
                { to: 'https://github.com/cnpm/cnpm' },
                'cnpm',
              ),
              '\u3002',
            ),
            l.a.createElement(
              'blockquote',
              null,
              l.a.createElement(
                'p',
                null,
                'fle-ui \u6682\u4e0d\u652f\u6301 CDN \u5f15\u5165',
              ),
            ),
            l.a.createElement(
              'h2',
              { id: '\u793a\u4f8b' },
              l.a.createElement(
                r['AnchorLink'],
                { to: '#\u793a\u4f8b', 'aria-hidden': 'true', tabIndex: -1 },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u793a\u4f8b',
            ),
            l.a.createElement(c['a'], {
              code: "import { DatePicker } from '@fle-ui/next';\n\nReactDOM.render(<DatePicker />, mountNode);",
              lang: 'bash',
            }),
            l.a.createElement('p', null, '\u5f15\u5165\u6837\u5f0f\uff1a'),
            l.a.createElement(c['a'], {
              code: "import '@fle-ui/next.css'; // or '@fle-ui/next.less'",
              lang: 'bash',
            }),
            l.a.createElement(
              'h3',
              { id: '\u6309\u9700\u52a0\u8f7d' },
              l.a.createElement(
                r['AnchorLink'],
                {
                  to: '#\u6309\u9700\u52a0\u8f7d',
                  'aria-hidden': 'true',
                  tabIndex: -1,
                },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              '\u6309\u9700\u52a0\u8f7d',
            ),
            l.a.createElement(
              'p',
              null,
              l.a.createElement('code', null, 'fle-ui'),
              ' \u7684 JS \u4ee3\u7801\u9ed8\u8ba4\u652f\u6301\u57fa\u4e8e ES modules \u7684 tree shaking\u3002',
            ),
            l.a.createElement(
              'h3',
              { id: 'typescript' },
              l.a.createElement(
                r['AnchorLink'],
                { to: '#typescript', 'aria-hidden': 'true', tabIndex: -1 },
                l.a.createElement('span', { className: 'icon icon-link' }),
              ),
              'TypeScript',
            ),
            l.a.createElement(
              'p',
              null,
              l.a.createElement('code', null, 'fle-ui'),
              ' \u4f7f\u7528 TypeScript \u8fdb\u884c\u4e66\u5199\u5e76\u63d0\u4f9b\u4e86\u5b8c\u6574\u7684\u5b9a\u4e49\u6587\u4ef6\u3002\uff08\u4e0d\u8981\u5f15\u7528 ',
              l.a.createElement('code', null, '@types/@fle-ui/next'),
              '\uff09\u3002',
            ),
          ),
        )
      );
    },
  },
]);
