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

package/docs-dist/demos_ratava.js

@@ -1 +1,647 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[98],{"2gHS":function(e,n,a){"use strict";a.r(n);var t=a("q1tI"),r=a.n(t),c=a("m/eG"),o=a("bxZC"),l=()=>r.a.createElement(c["e"],{size:{xs:24,sm:32,md:40,lg:64,xl:80,xxl:100},icon:r.a.createElement(o["a"],null)});n["default"]=l},"6VBw":function(e,n,a){"use strict";var t=a("VTBJ"),r=a("ODXe"),c=a("rePB"),o=a("Ff2n"),l=a("q1tI"),i=a.n(l),s=a("TSYQ"),m=a.n(s),u=Object(l["createContext"])({}),d=u,f=a("U8pU"),p=a("AJpP"),b=a("Kwbf"),g=a("MNnm"),E="rc-util-key";function y(e){if(e.attachTo)return e.attachTo;var n=document.querySelector("head");return n||document.body}function C(e){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Object(g["a"])())return null;var t,r=document.createElement("style");(null===(n=a.csp)||void 0===n?void 0:n.nonce)&&(r.nonce=null===(t=a.csp)||void 0===t?void 0:t.nonce);r.innerHTML=e;var c=y(a),o=c.firstChild;return a.prepend&&c.prepend?c.prepend(r):a.prepend&&o?c.insertBefore(r,o):c.appendChild(r),r}var v=new Map;function h(e,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=y(a);if(!v.has(t)){var r=C("",a),c=r.parentNode;v.set(t,c),c.removeChild(r)}var o=Array.from(v.get(t).children).find((function(e){return"STYLE"===e.tagName&&e[E]===n}));if(o){var l,i,s;if((null===(l=a.csp)||void 0===l?void 0:l.nonce)&&o.nonce!==(null===(i=a.csp)||void 0===i?void 0:i.nonce))o.nonce=null===(s=a.csp)||void 0===s?void 0:s.nonce;return o.innerHTML!==e&&(o.innerHTML=e),o}var m=C(e,a);return m[E]=n,m}function j(e,n){Object(b["a"])(e,"[@ant-design/icons] ".concat(n))}function O(e){return"object"===Object(f["a"])(e)&&"string"===typeof e.name&&"string"===typeof e.theme&&("object"===Object(f["a"])(e.icon)||"function"===typeof e.icon)}function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce((function(n,a){var t=e[a];switch(a){case"class":n.className=t,delete n.class;break;default:n[a]=t}return n}),{})}function x(e,n,a){return a?i.a.createElement(e.tag,Object(t["a"])(Object(t["a"])({key:n},k(e.attrs)),a),(e.children||[]).map((function(a,t){return x(a,"".concat(n,"-").concat(e.tag,"-").concat(t))}))):i.a.createElement(e.tag,Object(t["a"])({key:n},k(e.attrs)),(e.children||[]).map((function(a,t){return x(a,"".concat(n,"-").concat(e.tag,"-").concat(t))})))}function T(e){return Object(p["generate"])(e)[0]}function w(e){return e?Array.isArray(e)?e:[e]:[]}var z="\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n",q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:z,n=Object(l["useContext"])(d),a=n.csp;Object(l["useEffect"])((function(){h(e,"@ant-design-icons",{prepend:!0,csp:a})}),[])},L=["icon","className","onClick","style","primaryColor","secondaryColor"],A={primaryColor:"#333",secondaryColor:"#E6E6E6",calculated:!1};function N(e){var n=e.primaryColor,a=e.secondaryColor;A.primaryColor=n,A.secondaryColor=a||T(n),A.calculated=!!a}function S(){return Object(t["a"])({},A)}var I=function(e){var n=e.icon,a=e.className,r=e.onClick,c=e.style,l=e.primaryColor,i=e.secondaryColor,s=Object(o["a"])(e,L),m=A;if(l&&(m={primaryColor:l,secondaryColor:i||T(l)}),q(),j(O(n),"icon should be icon definiton, but got ".concat(n)),!O(n))return null;var u=n;return u&&"function"===typeof u.icon&&(u=Object(t["a"])(Object(t["a"])({},u),{},{icon:u.icon(m.primaryColor,m.secondaryColor)})),x(u.icon,"svg-".concat(u.name),Object(t["a"])({className:a,onClick:r,style:c,"data-icon":u.name,width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},s))};I.displayName="IconReact",I.getTwoToneColors=S,I.setTwoToneColors=N;var J=I;function V(e){var n=w(e),a=Object(r["a"])(n,2),t=a[0],c=a[1];return J.setTwoToneColors({primaryColor:t,secondaryColor:c})}function M(){var e=J.getTwoToneColors();return e.calculated?[e.primaryColor,e.secondaryColor]:e.primaryColor}var U=["className","icon","spin","rotate","tabIndex","onClick","twoToneColor"];V("#1890ff");var X=l["forwardRef"]((function(e,n){var a,i=e.className,s=e.icon,u=e.spin,f=e.rotate,p=e.tabIndex,b=e.onClick,g=e.twoToneColor,E=Object(o["a"])(e,U),y=l["useContext"](d),C=y.prefixCls,v=void 0===C?"anticon":C,h=m()(v,(a={},Object(c["a"])(a,"".concat(v,"-").concat(s.name),!!s.name),Object(c["a"])(a,"".concat(v,"-spin"),!!u||"loading"===s.name),a),i),j=p;void 0===j&&b&&(j=-1);var O=f?{msTransform:"rotate(".concat(f,"deg)"),transform:"rotate(".concat(f,"deg)")}:void 0,k=w(g),x=Object(r["a"])(k,2),T=x[0],z=x[1];return l["createElement"]("span",Object(t["a"])(Object(t["a"])({role:"img","aria-label":s.name},E),{},{ref:n,tabIndex:j,onClick:b,className:h}),l["createElement"](J,{icon:s,primaryColor:T,secondaryColor:z,style:O}))}));X.displayName="AntdIcon",X.getTwoToneColor=M,X.setTwoToneColor=V;n["a"]=X},FiJs:function(e,n,a){"use strict";a.r(n);var t=a("q1tI"),r=a.n(t),c=a("m/eG"),o=a("cJ7L"),l=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(c["e"],{size:64,icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{size:"large",icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{size:"small",icon:r.a.createElement(o["a"],null)})),r.a.createElement("div",null,r.a.createElement(c["e"],{shape:"square",size:64,icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{shape:"square",size:"large",icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{shape:"square",icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],{shape:"square",size:"small",icon:r.a.createElement(o["a"],null)})));n["default"]=l},McVy:function(e,n,a){"use strict";a.r(n);var t=a("tJVT"),r=a("q1tI"),c=a.n(r),o=a("m/eG"),l=["U","Lucy","Tom","Edward"],i=["#f56a00","#7265e6","#ffbf00","#00a2ae"],s=[4,3,2,1],m=()=>{var e=Object(r["useState"])(l[0]),n=Object(t["a"])(e,2),a=n[0],m=n[1],u=Object(r["useState"])(i[0]),d=Object(t["a"])(u,2),f=d[0],p=d[1],b=Object(r["useState"])(s[0]),g=Object(t["a"])(b,2),E=g[0],y=g[1],C=()=>{var e=l.indexOf(a);m(e<l.length-1?l[e+1]:l[0]),p(e<i.length-1?i[e+1]:i[0])},v=()=>{var e=s.indexOf(E);y(e<s.length-1?s[e+1]:s[0])};return c.a.createElement(c.a.Fragment,null,c.a.createElement(o["e"],{style:{backgroundColor:f,verticalAlign:"middle"},size:"large",gap:E},a),c.a.createElement(o["i"],{size:"small",style:{margin:"0 16px",verticalAlign:"middle"},onClick:C},"ChangeUser"),c.a.createElement(o["i"],{size:"small",style:{verticalAlign:"middle"},onClick:v},"changeGap"))};n["default"]=m},bxZC:function(e,n,a){"use strict";var t=a("VTBJ"),r=a("q1tI"),c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"}}]},name:"ant-design",theme:"outlined"},o=c,l=a("6VBw"),i=function(e,n){return r["createElement"](l["a"],Object(t["a"])(Object(t["a"])({},e),{},{ref:n,icon:o}))};i.displayName="AntDesignOutlined";n["a"]=r["forwardRef"](i)},cJ7L:function(e,n,a){"use strict";var t=a("VTBJ"),r=a("q1tI"),c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"}}]},name:"user",theme:"outlined"},o=c,l=a("6VBw"),i=function(e,n){return r["createElement"](l["a"],Object(t["a"])(Object(t["a"])({},e),{},{ref:n,icon:o}))};i.displayName="UserOutlined";n["a"]=r["forwardRef"](i)},hrTM:function(e,n,a){"use strict";a.r(n);var t=a("q1tI"),r=a.n(t),c=a("m/eG"),o=a("cJ7L"),l=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"avatar-item"},r.a.createElement(c["g"],{count:1},r.a.createElement(c["e"],{shape:"square",icon:r.a.createElement(o["a"],null)}))),r.a.createElement("span",null,r.a.createElement(c["g"],{dot:!0},r.a.createElement(c["e"],{shape:"square",icon:r.a.createElement(o["a"],null)}))));n["default"]=l},l4et:function(e,n,a){"use strict";a.r(n);var t=a("q1tI"),r=a.n(t),c=a("m/eG"),o=a("cJ7L"),l=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement(c["e"],{icon:r.a.createElement(o["a"],null)}),r.a.createElement(c["e"],null,"U"),r.a.createElement(c["e"],{size:40},"USER"),r.a.createElement(c["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),r.a.createElement(c["e"],{src:r.a.createElement(c["z"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"})}),r.a.createElement(c["e"],{style:{color:"#f56a00",backgroundColor:"#fde3cf"}},"U"),r.a.createElement(c["e"],{style:{backgroundColor:"#87d068"},icon:r.a.createElement(o["a"],null)}));n["default"]=l},y2Od:function(e,n,a){"use strict";a.r(n);var t=a("q1tI"),r=a.n(t),c=a("m/eG"),o=a("cJ7L"),l=a("bxZC"),i=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement(c["e"].Group,null,r.a.createElement(c["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),r.a.createElement(c["e"],{style:{backgroundColor:"#f56a00"}},"K"),r.a.createElement(c["db"],{title:"Ant User",placement:"top"},r.a.createElement(c["e"],{style:{backgroundColor:"#87d068"},icon:r.a.createElement(o["a"],null)})),r.a.createElement(c["e"],{style:{backgroundColor:"#1890ff"},icon:r.a.createElement(l["a"],null)})),r.a.createElement(c["u"],null),r.a.createElement(c["e"].Group,{maxCount:2,maxStyle:{color:"#f56a00",backgroundColor:"#fde3cf"}},r.a.createElement(c["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),r.a.createElement(c["e"],{style:{backgroundColor:"#f56a00"}},"K"),r.a.createElement(c["db"],{title:"Ant User",placement:"top"},r.a.createElement(c["e"],{style:{backgroundColor:"#87d068"},icon:r.a.createElement(o["a"],null)})),r.a.createElement(c["e"],{style:{backgroundColor:"#1890ff"},icon:r.a.createElement(l["a"],null)})),r.a.createElement(c["u"],null),r.a.createElement(c["e"].Group,{maxCount:2,size:"large",maxStyle:{color:"#f56a00",backgroundColor:"#fde3cf"}},r.a.createElement(c["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),r.a.createElement(c["e"],{style:{backgroundColor:"#f56a00"}},"K"),r.a.createElement(c["db"],{title:"Ant User",placement:"top"},r.a.createElement(c["e"],{style:{backgroundColor:"#87d068"},icon:r.a.createElement(o["a"],null)})),r.a.createElement(c["e"],{style:{backgroundColor:"#1890ff"},icon:r.a.createElement(l["a"],null)})));n["default"]=i}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [98],
+  {
+    '2gHS': function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('q1tI'),
+        r = a.n(t),
+        c = a('m/eG'),
+        o = a('bxZC'),
+        l = () =>
+          r.a.createElement(c['e'], {
+            size: { xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 },
+            icon: r.a.createElement(o['a'], null),
+          });
+      n['default'] = l;
+    },
+    '6VBw': function (e, n, a) {
+      'use strict';
+      var t = a('VTBJ'),
+        r = a('ODXe'),
+        c = a('rePB'),
+        o = a('Ff2n'),
+        l = a('q1tI'),
+        i = a.n(l),
+        s = a('TSYQ'),
+        m = a.n(s),
+        u = Object(l['createContext'])({}),
+        d = u,
+        f = a('U8pU'),
+        p = a('AJpP'),
+        b = a('Kwbf'),
+        g = a('MNnm'),
+        E = 'rc-util-key';
+      function y(e) {
+        if (e.attachTo) return e.attachTo;
+        var n = document.querySelector('head');
+        return n || document.body;
+      }
+      function C(e) {
+        var n,
+          a =
+            arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
+        if (!Object(g['a'])()) return null;
+        var t,
+          r = document.createElement('style');
+        (null === (n = a.csp) || void 0 === n ? void 0 : n.nonce) &&
+          (r.nonce = null === (t = a.csp) || void 0 === t ? void 0 : t.nonce);
+        r.innerHTML = e;
+        var c = y(a),
+          o = c.firstChild;
+        return (
+          a.prepend && c.prepend
+            ? c.prepend(r)
+            : a.prepend && o
+            ? c.insertBefore(r, o)
+            : c.appendChild(r),
+          r
+        );
+      }
+      var v = new Map();
+      function h(e, n) {
+        var a =
+            arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
+          t = y(a);
+        if (!v.has(t)) {
+          var r = C('', a),
+            c = r.parentNode;
+          v.set(t, c), c.removeChild(r);
+        }
+        var o = Array.from(v.get(t).children).find(function (e) {
+          return 'STYLE' === e.tagName && e[E] === n;
+        });
+        if (o) {
+          var l, i, s;
+          if (
+            (null === (l = a.csp) || void 0 === l ? void 0 : l.nonce) &&
+            o.nonce !==
+              (null === (i = a.csp) || void 0 === i ? void 0 : i.nonce)
+          )
+            o.nonce = null === (s = a.csp) || void 0 === s ? void 0 : s.nonce;
+          return o.innerHTML !== e && (o.innerHTML = e), o;
+        }
+        var m = C(e, a);
+        return (m[E] = n), m;
+      }
+      function j(e, n) {
+        Object(b['a'])(e, '[@ant-design/icons] '.concat(n));
+      }
+      function O(e) {
+        return (
+          'object' === Object(f['a'])(e) &&
+          'string' === typeof e.name &&
+          'string' === typeof e.theme &&
+          ('object' === Object(f['a'])(e.icon) || 'function' === typeof e.icon)
+        );
+      }
+      function k() {
+        var e =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        return Object.keys(e).reduce(function (n, a) {
+          var t = e[a];
+          switch (a) {
+            case 'class':
+              (n.className = t), delete n.class;
+              break;
+            default:
+              n[a] = t;
+          }
+          return n;
+        }, {});
+      }
+      function x(e, n, a) {
+        return a
+          ? i.a.createElement(
+              e.tag,
+              Object(t['a'])(Object(t['a'])({ key: n }, k(e.attrs)), a),
+              (e.children || []).map(function (a, t) {
+                return x(a, ''.concat(n, '-').concat(e.tag, '-').concat(t));
+              }),
+            )
+          : i.a.createElement(
+              e.tag,
+              Object(t['a'])({ key: n }, k(e.attrs)),
+              (e.children || []).map(function (a, t) {
+                return x(a, ''.concat(n, '-').concat(e.tag, '-').concat(t));
+              }),
+            );
+      }
+      function T(e) {
+        return Object(p['generate'])(e)[0];
+      }
+      function w(e) {
+        return e ? (Array.isArray(e) ? e : [e]) : [];
+      }
+      var z =
+          '\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n',
+        q = function () {
+          var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : z,
+            n = Object(l['useContext'])(d),
+            a = n.csp;
+          Object(l['useEffect'])(function () {
+            h(e, '@ant-design-icons', { prepend: !0, csp: a });
+          }, []);
+        },
+        L = [
+          'icon',
+          'className',
+          'onClick',
+          'style',
+          'primaryColor',
+          'secondaryColor',
+        ],
+        A = { primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: !1 };
+      function N(e) {
+        var n = e.primaryColor,
+          a = e.secondaryColor;
+        (A.primaryColor = n),
+          (A.secondaryColor = a || T(n)),
+          (A.calculated = !!a);
+      }
+      function S() {
+        return Object(t['a'])({}, A);
+      }
+      var I = function (e) {
+        var n = e.icon,
+          a = e.className,
+          r = e.onClick,
+          c = e.style,
+          l = e.primaryColor,
+          i = e.secondaryColor,
+          s = Object(o['a'])(e, L),
+          m = A;
+        if (
+          (l && (m = { primaryColor: l, secondaryColor: i || T(l) }),
+          q(),
+          j(O(n), 'icon should be icon definiton, but got '.concat(n)),
+          !O(n))
+        )
+          return null;
+        var u = n;
+        return (
+          u &&
+            'function' === typeof u.icon &&
+            (u = Object(t['a'])(
+              Object(t['a'])({}, u),
+              {},
+              { icon: u.icon(m.primaryColor, m.secondaryColor) },
+            )),
+          x(
+            u.icon,
+            'svg-'.concat(u.name),
+            Object(t['a'])(
+              {
+                className: a,
+                onClick: r,
+                style: c,
+                'data-icon': u.name,
+                width: '1em',
+                height: '1em',
+                fill: 'currentColor',
+                'aria-hidden': 'true',
+              },
+              s,
+            ),
+          )
+        );
+      };
+      (I.displayName = 'IconReact'),
+        (I.getTwoToneColors = S),
+        (I.setTwoToneColors = N);
+      var J = I;
+      function V(e) {
+        var n = w(e),
+          a = Object(r['a'])(n, 2),
+          t = a[0],
+          c = a[1];
+        return J.setTwoToneColors({ primaryColor: t, secondaryColor: c });
+      }
+      function M() {
+        var e = J.getTwoToneColors();
+        return e.calculated
+          ? [e.primaryColor, e.secondaryColor]
+          : e.primaryColor;
+      }
+      var U = [
+        'className',
+        'icon',
+        'spin',
+        'rotate',
+        'tabIndex',
+        'onClick',
+        'twoToneColor',
+      ];
+      V('#1890ff');
+      var X = l['forwardRef'](function (e, n) {
+        var a,
+          i = e.className,
+          s = e.icon,
+          u = e.spin,
+          f = e.rotate,
+          p = e.tabIndex,
+          b = e.onClick,
+          g = e.twoToneColor,
+          E = Object(o['a'])(e, U),
+          y = l['useContext'](d),
+          C = y.prefixCls,
+          v = void 0 === C ? 'anticon' : C,
+          h = m()(
+            v,
+            ((a = {}),
+            Object(c['a'])(a, ''.concat(v, '-').concat(s.name), !!s.name),
+            Object(c['a'])(
+              a,
+              ''.concat(v, '-spin'),
+              !!u || 'loading' === s.name,
+            ),
+            a),
+            i,
+          ),
+          j = p;
+        void 0 === j && b && (j = -1);
+        var O = f
+            ? {
+                msTransform: 'rotate('.concat(f, 'deg)'),
+                transform: 'rotate('.concat(f, 'deg)'),
+              }
+            : void 0,
+          k = w(g),
+          x = Object(r['a'])(k, 2),
+          T = x[0],
+          z = x[1];
+        return l['createElement'](
+          'span',
+          Object(t['a'])(
+            Object(t['a'])({ role: 'img', 'aria-label': s.name }, E),
+            {},
+            { ref: n, tabIndex: j, onClick: b, className: h },
+          ),
+          l['createElement'](J, {
+            icon: s,
+            primaryColor: T,
+            secondaryColor: z,
+            style: O,
+          }),
+        );
+      });
+      (X.displayName = 'AntdIcon'),
+        (X.getTwoToneColor = M),
+        (X.setTwoToneColor = V);
+      n['a'] = X;
+    },
+    FiJs: function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('q1tI'),
+        r = a.n(t),
+        c = a('m/eG'),
+        o = a('cJ7L'),
+        l = () =>
+          r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              'div',
+              null,
+              r.a.createElement(c['e'], {
+                size: 64,
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                size: 'large',
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                size: 'small',
+                icon: r.a.createElement(o['a'], null),
+              }),
+            ),
+            r.a.createElement(
+              'div',
+              null,
+              r.a.createElement(c['e'], {
+                shape: 'square',
+                size: 64,
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                shape: 'square',
+                size: 'large',
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                shape: 'square',
+                icon: r.a.createElement(o['a'], null),
+              }),
+              r.a.createElement(c['e'], {
+                shape: 'square',
+                size: 'small',
+                icon: r.a.createElement(o['a'], null),
+              }),
+            ),
+          );
+      n['default'] = l;
+    },
+    McVy: function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('tJVT'),
+        r = a('q1tI'),
+        c = a.n(r),
+        o = a('m/eG'),
+        l = ['U', 'Lucy', 'Tom', 'Edward'],
+        i = ['#f56a00', '#7265e6', '#ffbf00', '#00a2ae'],
+        s = [4, 3, 2, 1],
+        m = () => {
+          var e = Object(r['useState'])(l[0]),
+            n = Object(t['a'])(e, 2),
+            a = n[0],
+            m = n[1],
+            u = Object(r['useState'])(i[0]),
+            d = Object(t['a'])(u, 2),
+            f = d[0],
+            p = d[1],
+            b = Object(r['useState'])(s[0]),
+            g = Object(t['a'])(b, 2),
+            E = g[0],
+            y = g[1],
+            C = () => {
+              var e = l.indexOf(a);
+              m(e < l.length - 1 ? l[e + 1] : l[0]),
+                p(e < i.length - 1 ? i[e + 1] : i[0]);
+            },
+            v = () => {
+              var e = s.indexOf(E);
+              y(e < s.length - 1 ? s[e + 1] : s[0]);
+            };
+          return c.a.createElement(
+            c.a.Fragment,
+            null,
+            c.a.createElement(
+              o['e'],
+              {
+                style: { backgroundColor: f, verticalAlign: 'middle' },
+                size: 'large',
+                gap: E,
+              },
+              a,
+            ),
+            c.a.createElement(
+              o['i'],
+              {
+                size: 'small',
+                style: { margin: '0 16px', verticalAlign: 'middle' },
+                onClick: C,
+              },
+              'ChangeUser',
+            ),
+            c.a.createElement(
+              o['i'],
+              { size: 'small', style: { verticalAlign: 'middle' }, onClick: v },
+              'changeGap',
+            ),
+          );
+        };
+      n['default'] = m;
+    },
+    bxZC: function (e, n, a) {
+      'use strict';
+      var t = a('VTBJ'),
+        r = a('q1tI'),
+        c = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z',
+                },
+              },
+            ],
+          },
+          name: 'ant-design',
+          theme: 'outlined',
+        },
+        o = c,
+        l = a('6VBw'),
+        i = function (e, n) {
+          return r['createElement'](
+            l['a'],
+            Object(t['a'])(Object(t['a'])({}, e), {}, { ref: n, icon: o }),
+          );
+        };
+      i.displayName = 'AntDesignOutlined';
+      n['a'] = r['forwardRef'](i);
+    },
+    cJ7L: function (e, n, a) {
+      'use strict';
+      var t = a('VTBJ'),
+        r = a('q1tI'),
+        c = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z',
+                },
+              },
+            ],
+          },
+          name: 'user',
+          theme: 'outlined',
+        },
+        o = c,
+        l = a('6VBw'),
+        i = function (e, n) {
+          return r['createElement'](
+            l['a'],
+            Object(t['a'])(Object(t['a'])({}, e), {}, { ref: n, icon: o }),
+          );
+        };
+      i.displayName = 'UserOutlined';
+      n['a'] = r['forwardRef'](i);
+    },
+    hrTM: function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('q1tI'),
+        r = a.n(t),
+        c = a('m/eG'),
+        o = a('cJ7L'),
+        l = () =>
+          r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              'span',
+              { className: 'avatar-item' },
+              r.a.createElement(
+                c['g'],
+                { count: 1 },
+                r.a.createElement(c['e'], {
+                  shape: 'square',
+                  icon: r.a.createElement(o['a'], null),
+                }),
+              ),
+            ),
+            r.a.createElement(
+              'span',
+              null,
+              r.a.createElement(
+                c['g'],
+                { dot: !0 },
+                r.a.createElement(c['e'], {
+                  shape: 'square',
+                  icon: r.a.createElement(o['a'], null),
+                }),
+              ),
+            ),
+          );
+      n['default'] = l;
+    },
+    l4et: function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('q1tI'),
+        r = a.n(t),
+        c = a('m/eG'),
+        o = a('cJ7L'),
+        l = () =>
+          r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(c['e'], {
+              icon: r.a.createElement(o['a'], null),
+            }),
+            r.a.createElement(c['e'], null, 'U'),
+            r.a.createElement(c['e'], { size: 40 }, 'USER'),
+            r.a.createElement(c['e'], {
+              src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+            }),
+            r.a.createElement(c['e'], {
+              src: r.a.createElement(c['z'], {
+                src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+              }),
+            }),
+            r.a.createElement(
+              c['e'],
+              { style: { color: '#f56a00', backgroundColor: '#fde3cf' } },
+              'U',
+            ),
+            r.a.createElement(c['e'], {
+              style: { backgroundColor: '#87d068' },
+              icon: r.a.createElement(o['a'], null),
+            }),
+          );
+      n['default'] = l;
+    },
+    y2Od: function (e, n, a) {
+      'use strict';
+      a.r(n);
+      var t = a('q1tI'),
+        r = a.n(t),
+        c = a('m/eG'),
+        o = a('cJ7L'),
+        l = a('bxZC'),
+        i = () =>
+          r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              c['e'].Group,
+              null,
+              r.a.createElement(c['e'], {
+                src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+              }),
+              r.a.createElement(
+                c['e'],
+                { style: { backgroundColor: '#f56a00' } },
+                'K',
+              ),
+              r.a.createElement(
+                c['db'],
+                { title: 'Ant User', placement: 'top' },
+                r.a.createElement(c['e'], {
+                  style: { backgroundColor: '#87d068' },
+                  icon: r.a.createElement(o['a'], null),
+                }),
+              ),
+              r.a.createElement(c['e'], {
+                style: { backgroundColor: '#1890ff' },
+                icon: r.a.createElement(l['a'], null),
+              }),
+            ),
+            r.a.createElement(c['u'], null),
+            r.a.createElement(
+              c['e'].Group,
+              {
+                maxCount: 2,
+                maxStyle: { color: '#f56a00', backgroundColor: '#fde3cf' },
+              },
+              r.a.createElement(c['e'], {
+                src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+              }),
+              r.a.createElement(
+                c['e'],
+                { style: { backgroundColor: '#f56a00' } },
+                'K',
+              ),
+              r.a.createElement(
+                c['db'],
+                { title: 'Ant User', placement: 'top' },
+                r.a.createElement(c['e'], {
+                  style: { backgroundColor: '#87d068' },
+                  icon: r.a.createElement(o['a'], null),
+                }),
+              ),
+              r.a.createElement(c['e'], {
+                style: { backgroundColor: '#1890ff' },
+                icon: r.a.createElement(l['a'], null),
+              }),
+            ),
+            r.a.createElement(c['u'], null),
+            r.a.createElement(
+              c['e'].Group,
+              {
+                maxCount: 2,
+                size: 'large',
+                maxStyle: { color: '#f56a00', backgroundColor: '#fde3cf' },
+              },
+              r.a.createElement(c['e'], {
+                src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+              }),
+              r.a.createElement(
+                c['e'],
+                { style: { backgroundColor: '#f56a00' } },
+                'K',
+              ),
+              r.a.createElement(
+                c['db'],
+                { title: 'Ant User', placement: 'top' },
+                r.a.createElement(c['e'], {
+                  style: { backgroundColor: '#87d068' },
+                  icon: r.a.createElement(o['a'], null),
+                }),
+              ),
+              r.a.createElement(c['e'], {
+                style: { backgroundColor: '#1890ff' },
+                icon: r.a.createElement(l['a'], null),
+              }),
+            ),
+          );
+      n['default'] = i;
+    },
+  },
+]);