@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/docs__document__introduce.md.js

@@ -1 +1,441 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[129],{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"))))}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [129],
+  {
+    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',
+            ),
+          ),
+        )
+      );
+    },
+  },
+]);

package/docs-dist/docs__document__practical-projects.md.js

@@ -1 +1,117 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[130],{"7zIt":function(e,a,n){"use strict";n.r(a);var t=n("q1tI"),l=n.n(t),c=n("dEAq"),r=n("H1Ra");n("JjdP");a["default"]=e=>(l.a.useEffect((()=>{var a;null!==e&&void 0!==e&&null!==(a=e.location)&&void 0!==a&&a.hash&&c["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:"\u9879\u76ee\u5b9e\u6218"},l.a.createElement(c["AnchorLink"],{to:"#\u9879\u76ee\u5b9e\u6218","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"\u9879\u76ee\u5b9e\u6218"),l.a.createElement("p",null,"\u5728\u771f\u5b9e\u9879\u76ee\u5f00\u53d1\u4e2d\uff0c\u4f60\u53ef\u80fd\u9700\u8981 mobx axios fle-ui \u4f5c\u4e3a\u4e00\u4e2a UI \u5e93\uff0c\u53ef\u4ee5\u548c\u4efb\u4f55 React \u751f\u6001\u5708\u5185\u7684\u6570\u636e\u6d41\u65b9\u6848\u4ee5\u53ca\u5e94\u7528\u6846\u67b6\u642d\u914d\u4f7f\u7528\u3002\u6211\u4eec\u57fa\u4e8e\u4e1a\u52a1\u573a\u666f\u7684\u573a\u666f\uff0c\u63a8\u51fa\u4e86\u98de\u8c61\u5b9a\u5236\u811a\u624b\u67b6",l.a.createElement("code",null,"fle-cli"),"\uff0c\u63a8\u8350\u4f60\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u3002"),l.a.createElement("p",null,l.a.createElement(c["Link"],{to:"https://fle-cli.fxqifu.com/"},"fle-cli")," \u662f\u98de\u8c61\u5185\u90e8\u5b9a\u5236\u811a\u624b\u67b6\u5de5\u5177 \u62e5\u6709\u4e30\u5bcc\u7684\u9879\u76ee\u6a21\u7248\uff0c\u53ef\u4ee5\u505a\u5230\u5f00\u7bb1\u5373\u7528\u3002"),l.a.createElement("h2",{id:"\u5b89\u88c5-fle-cli"},l.a.createElement(c["AnchorLink"],{to:"#\u5b89\u88c5-fle-cli","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"\u5b89\u88c5 fle-cli"),l.a.createElement("p",null,"\u63a8\u8350\u4f7f\u7528 yarn \u521b\u5efa fle-cli \u811a\u624b\u67b6\uff0c\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u3002"),l.a.createElement(r["a"],{code:"$ npm i @fle-cli/cmd -g\n# or\n$ yarn global add @fle.cli/cmd\n\n# \u901a\u8fc7 fle -v \u68c0\u6d4b\u662f\u5426\u5b89\u88c5\u6210\u529f\n$ fle -v\n  v1.1.0",lang:"bash"}),l.a.createElement("p",null,"\u751f\u6210\u9879\u76ee"),l.a.createElement(r["a"],{code:"# or\n$ fle create <projectName>",lang:"bash"}),l.a.createElement(r["a"],{code:"Please select the following technical framework (Use arrow keys)\n> A lightweight React JavaScript template\n  A lightweight React TypeScript template\n  Pro React TypeScript template\uff0cIntegrated rich features such as router\u3001request\u3001mobx\n  fle-ui-pro-components (Business custom)",lang:"bash"}),l.a.createElement("p",null,"\u9009\u62e9\u6a21\u677f\u4f1a\u81ea\u52a8\u521b\u5efa\u9879\u76ee\uff0c\u770b\u5230\u5982\u4e0b\u4fe1\u606f\u8bf4\u660e\u9879\u76ee\u521b\u5efa\u6210\u529f\uff1a"),l.a.createElement(r["a"],{code:"Done. Now run:\n\n  cd testy\n  npm install\n  npm run start",lang:"bash"}),l.a.createElement("p",null,"\u542f\u52a8\u9879\u76ee"),l.a.createElement(r["a"],{code:"# \u5b89\u88c5\u4f9d\u8d56\n$ npm install\n# \u542f\u52a8\u9879\u76ee\n$ npm run start",lang:"bash"}),l.a.createElement("p",null,"\u6784\u5efa\u90e8\u7f72"),l.a.createElement(r["a"],{code:"$ npm run build",lang:"bash"}))))}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [130],
+  {
+    '7zIt': function (e, a, n) {
+      'use strict';
+      n.r(a);
+      var t = n('q1tI'),
+        l = n.n(t),
+        c = n('dEAq'),
+        r = n('H1Ra');
+      n('JjdP');
+      a['default'] = (e) => (
+        l.a.useEffect(() => {
+          var a;
+          null !== e &&
+            void 0 !== e &&
+            null !== (a = e.location) &&
+            void 0 !== a &&
+            a.hash &&
+            c['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: '\u9879\u76ee\u5b9e\u6218' },
+              l.a.createElement(
+                c['AnchorLink'],
+                {
+                  to: '#\u9879\u76ee\u5b9e\u6218',
+                  'aria-hidden': 'true',
+                  tabIndex: -1,
+                },
+                l.a.createElement('span', { className: 'icon icon-link' }),
+              ),
+              '\u9879\u76ee\u5b9e\u6218',
+            ),
+            l.a.createElement(
+              'p',
+              null,
+              '\u5728\u771f\u5b9e\u9879\u76ee\u5f00\u53d1\u4e2d\uff0c\u4f60\u53ef\u80fd\u9700\u8981 mobx axios fle-ui \u4f5c\u4e3a\u4e00\u4e2a UI \u5e93\uff0c\u53ef\u4ee5\u548c\u4efb\u4f55 React \u751f\u6001\u5708\u5185\u7684\u6570\u636e\u6d41\u65b9\u6848\u4ee5\u53ca\u5e94\u7528\u6846\u67b6\u642d\u914d\u4f7f\u7528\u3002\u6211\u4eec\u57fa\u4e8e\u4e1a\u52a1\u573a\u666f\u7684\u573a\u666f\uff0c\u63a8\u51fa\u4e86\u98de\u8c61\u5b9a\u5236\u811a\u624b\u67b6',
+              l.a.createElement('code', null, 'fle-cli'),
+              '\uff0c\u63a8\u8350\u4f60\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u3002',
+            ),
+            l.a.createElement(
+              'p',
+              null,
+              l.a.createElement(
+                c['Link'],
+                { to: 'https://fle-cli.fxqifu.com/' },
+                'fle-cli',
+              ),
+              ' \u662f\u98de\u8c61\u5185\u90e8\u5b9a\u5236\u811a\u624b\u67b6\u5de5\u5177 \u62e5\u6709\u4e30\u5bcc\u7684\u9879\u76ee\u6a21\u7248\uff0c\u53ef\u4ee5\u505a\u5230\u5f00\u7bb1\u5373\u7528\u3002',
+            ),
+            l.a.createElement(
+              'h2',
+              { id: '\u5b89\u88c5-fle-cli' },
+              l.a.createElement(
+                c['AnchorLink'],
+                {
+                  to: '#\u5b89\u88c5-fle-cli',
+                  'aria-hidden': 'true',
+                  tabIndex: -1,
+                },
+                l.a.createElement('span', { className: 'icon icon-link' }),
+              ),
+              '\u5b89\u88c5 fle-cli',
+            ),
+            l.a.createElement(
+              'p',
+              null,
+              '\u63a8\u8350\u4f7f\u7528 yarn \u521b\u5efa fle-cli \u811a\u624b\u67b6\uff0c\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u3002',
+            ),
+            l.a.createElement(r['a'], {
+              code: '$ npm i @fle-cli/cmd -g\n# or\n$ yarn global add @fle.cli/cmd\n\n# \u901a\u8fc7 fle -v \u68c0\u6d4b\u662f\u5426\u5b89\u88c5\u6210\u529f\n$ fle -v\n  v1.1.0',
+              lang: 'bash',
+            }),
+            l.a.createElement('p', null, '\u751f\u6210\u9879\u76ee'),
+            l.a.createElement(r['a'], {
+              code: '# or\n$ fle create <projectName>',
+              lang: 'bash',
+            }),
+            l.a.createElement(r['a'], {
+              code: 'Please select the following technical framework (Use arrow keys)\n> A lightweight React JavaScript template\n  A lightweight React TypeScript template\n  Pro React TypeScript template\uff0cIntegrated rich features such as router\u3001request\u3001mobx\n  fle-ui-pro-components (Business custom)',
+              lang: 'bash',
+            }),
+            l.a.createElement(
+              'p',
+              null,
+              '\u9009\u62e9\u6a21\u677f\u4f1a\u81ea\u52a8\u521b\u5efa\u9879\u76ee\uff0c\u770b\u5230\u5982\u4e0b\u4fe1\u606f\u8bf4\u660e\u9879\u76ee\u521b\u5efa\u6210\u529f\uff1a',
+            ),
+            l.a.createElement(r['a'], {
+              code: 'Done. Now run:\n\n  cd testy\n  npm install\n  npm run start',
+              lang: 'bash',
+            }),
+            l.a.createElement('p', null, '\u542f\u52a8\u9879\u76ee'),
+            l.a.createElement(r['a'], {
+              code: '# \u5b89\u88c5\u4f9d\u8d56\n$ npm install\n# \u542f\u52a8\u9879\u76ee\n$ npm run start',
+              lang: 'bash',
+            }),
+            l.a.createElement('p', null, '\u6784\u5efa\u90e8\u7f72'),
+            l.a.createElement(r['a'], {
+              code: '$ npm run build',
+              lang: 'bash',
+            }),
+          ),
+        )
+      );
+    },
+  },
+]);

package/docs-dist/docs__index.md.js

@@ -1 +1,27 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[131],{"F+kV":function(n,o,e){"use strict";e.r(o);var a=e("q1tI"),c=e.n(a),l=e("dEAq");e("JjdP");o["default"]=n=>(c.a.useEffect((()=>{var o;null!==n&&void 0!==n&&null!==(o=n.location)&&void 0!==o&&o.hash&&l["AnchorLink"].scrollToAnchor(decodeURIComponent(n.location.hash.slice(1)))}),[]),c.a.createElement(c.a.Fragment,null))}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [131],
+  {
+    'F+kV': function (n, o, e) {
+      'use strict';
+      e.r(o);
+      var a = e('q1tI'),
+        c = e.n(a),
+        l = e('dEAq');
+      e('JjdP');
+      o['default'] = (n) => (
+        c.a.useEffect(() => {
+          var o;
+          null !== n &&
+            void 0 !== n &&
+            null !== (o = n.location) &&
+            void 0 !== o &&
+            o.hash &&
+            l['AnchorLink'].scrollToAnchor(
+              decodeURIComponent(n.location.hash.slice(1)),
+            );
+        }, []),
+        c.a.createElement(c.a.Fragment, null)
+      );
+    },
+  },
+]);