@fle-ui/next 1.0.0 → 1.0.4-alpha.0

package/docs-dist/components__avatar__avatar.md.js

@@ -3,9 +3,9 @@
   {
     MZF8: function (e, t, a) {
       'use strict';
-      var l = a('ogwx');
+      var n = a('ogwx');
       a.d(t, 'a', function () {
-        return l['b'];
+        return n['b'];
       });
       a('VCU9');
     },
@@ -13,22 +13,22 @@
     Zxc8: function (e, t, a) {
       'use strict';
       a.r(t);
-      var l = a('q1tI'),
-        n = a.n(l),
+      var n = a('q1tI'),
+        l = a.n(n),
         r = a('k3GJ'),
         c = a('MZF8'),
-        m = a('dEAq'),
-        u = a('H1Ra');
+        o = a('dEAq'),
+        i = a('H1Ra');
       a('RZMt');
-      function o(e, t) {
-        return f(e) || E(e, t) || i(e, t) || d();
+      function m(e, t) {
+        return f(e) || E(e, t) || d(e, t) || u();
       }
-      function d() {
+      function u() {
         throw new TypeError(
           'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
         );
       }
-      function i(e, t) {
+      function d(e, t) {
         if (e) {
           if ('string' === typeof e) return s(e, t);
           var a = Object.prototype.toString.call(e).slice(8, -1);
@@ -45,8 +45,8 @@
       }
       function s(e, t) {
         (null == t || t > e.length) && (t = e.length);
-        for (var a = 0, l = new Array(t); a < t; a++) l[a] = e[a];
-        return l;
+        for (var a = 0, n = new Array(t); a < t; a++) n[a] = e[a];
+        return n;
       }
       function E(e, t) {
         var a =
@@ -55,21 +55,21 @@
             : ('undefined' !== typeof Symbol && e[Symbol.iterator]) ||
               e['@@iterator'];
         if (null != a) {
-          var l,
-            n,
+          var n,
+            l,
             r = [],
             c = !0,
-            m = !1;
+            o = !1;
           try {
-            for (a = a.call(e); !(c = (l = a.next()).done); c = !0)
-              if ((r.push(l.value), t && r.length === t)) break;
-          } catch (u) {
-            (m = !0), (n = u);
+            for (a = a.call(e); !(c = (n = a.next()).done); c = !0)
+              if ((r.push(n.value), t && r.length === t)) break;
+          } catch (i) {
+            (o = !0), (l = i);
           } finally {
             try {
               c || null == a['return'] || a['return']();
             } finally {
-              if (m) throw n;
+              if (o) throw l;
             }
           }
           return r;
@@ -80,26 +80,26 @@
       }
       function p(e, t) {
         var a,
-          l =
+          n =
             null === (a = e.match(/\.(\w+)$/)) || void 0 === a ? void 0 : a[1];
-        return l || (l = t.tsx ? 'tsx' : 'jsx'), l;
+        return n || (n = t.tsx ? 'tsx' : 'jsx'), n;
       }
       var v = function (e) {
         var t,
           a,
-          d,
-          i = Object(l['useRef'])(),
-          s = Object(l['useContext'])(m['context']),
+          u,
+          d = Object(n['useRef'])(),
+          s = Object(n['useContext'])(o['context']),
           E = s.locale,
-          f = Object(m['useLocaleProps'])(E, e),
-          v = Object(m['useDemoUrl'])(f.identifier),
+          f = Object(o['useLocaleProps'])(E, e),
+          v = Object(o['useDemoUrl'])(f.identifier),
           b = f.demoUrl || v,
           h =
             (null === c['a'] || void 0 === c['a']
               ? void 0
               : c['a'].location.hash) === '#'.concat(f.identifier),
           g = 1 === Object.keys(f.sources).length,
-          k = Object(m['useCodeSandbox'])(
+          _ = Object(o['useCodeSandbox'])(
             (
               null === (t = f.hideActions) || void 0 === t
                 ? void 0
@@ -108,7 +108,7 @@
               ? null
               : f,
           ),
-          _ = Object(m['useRiddle'])(
+          k = Object(o['useRiddle'])(
             (
               null === (a = f.hideActions) || void 0 === a
                 ? void 0
@@ -117,47 +117,47 @@
               ? null
               : f,
           ),
-          y = Object(m['useMotions'])(f.motions || [], i.current),
-          w = o(y, 2),
-          N = w[0],
-          x = w[1],
-          A = Object(m['useCopy'])(),
-          j = o(A, 2),
+          w = Object(o['useMotions'])(f.motions || [], d.current),
+          y = m(w, 2),
+          x = y[0],
+          N = y[1],
+          A = Object(o['useCopy'])(),
+          j = m(A, 2),
           O = j[0],
           S = j[1],
-          C = Object(l['useState'])('_'),
-          I = o(C, 2),
+          C = Object(n['useState'])('_'),
+          I = m(C, 2),
           L = I[0],
           P = I[1],
-          R = Object(l['useState'])(p(L, f.sources[L])),
-          M = o(R, 2),
+          R = Object(n['useState'])(p(L, f.sources[L])),
+          M = m(R, 2),
           T = M[0],
           q = M[1],
-          U = Object(l['useState'])(Boolean(f.defaultShowCode)),
-          Z = o(U, 2),
+          U = Object(n['useState'])(Boolean(f.defaultShowCode)),
+          Z = m(U, 2),
           J = Z[0],
           F = Z[1],
-          G = Object(l['useState'])(Math.random()),
-          $ = o(G, 2),
+          G = Object(n['useState'])(Math.random()),
+          $ = m(G, 2),
           B = $[0],
           D = $[1],
           H = f.sources[L][T] || f.sources[L].content,
-          X = Object(m['useTSPlaygroundUrl'])(E, H),
-          z = Object(l['useRef'])(),
-          K = Object(m['usePrefersColor'])(),
-          V = o(K, 1),
+          X = Object(o['useTSPlaygroundUrl'])(E, H),
+          z = Object(n['useRef'])(),
+          K = Object(o['usePrefersColor'])(),
+          V = m(K, 1),
           Q = V[0];
         function W(e) {
           P(e), q(p(e, f.sources[e]));
         }
         return (
-          Object(l['useEffect'])(
+          Object(n['useEffect'])(
             function () {
               D(Math.random());
             },
             [Q],
           ),
-          n.a.createElement(
+          l.a.createElement(
             'div',
             {
               style: f.style,
@@ -173,13 +173,13 @@
               'data-iframe': f.iframe || void 0,
             },
             f.iframe &&
-              n.a.createElement('div', {
+              l.a.createElement('div', {
                 className: '__dumi-default-previewer-browser-nav',
               }),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               {
-                ref: i,
+                ref: d,
                 className: '__dumi-default-previewer-demo',
                 style: {
                   transform: f.transform ? 'translate(0, 0)' : void 0,
@@ -189,7 +189,7 @@
                 },
               },
               f.iframe
-                ? n.a.createElement('iframe', {
+                ? l.a.createElement('iframe', {
                     title: 'dumi-previewer',
                     style: {
                       height: String(f.iframe).replace(/(\d)$/, '$1px'),
@@ -200,52 +200,52 @@
                   })
                 : f.children,
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               {
                 className: '__dumi-default-previewer-desc',
                 'data-title': f.title,
               },
               f.title &&
-                n.a.createElement(
-                  m['AnchorLink'],
+                l.a.createElement(
+                  o['AnchorLink'],
                   { to: '#'.concat(f.identifier) },
                   f.title,
                 ),
               f.description &&
-                n.a.createElement('div', {
+                l.a.createElement('div', {
                   dangerouslySetInnerHTML: { __html: f.description },
                 }),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: '__dumi-default-previewer-actions' },
-              k &&
-                n.a.createElement('button', {
+              _ &&
+                l.a.createElement('button', {
                   title: 'Open demo on CodeSandbox.io',
                   className: '__dumi-default-icon',
                   role: 'codesandbox',
-                  onClick: k,
+                  onClick: _,
                 }),
-              _ &&
-                n.a.createElement('button', {
+              k &&
+                l.a.createElement('button', {
                   title: 'Open demo on Riddle',
                   className: '__dumi-default-icon',
                   role: 'riddle',
-                  onClick: _,
+                  onClick: k,
                 }),
               f.motions &&
-                n.a.createElement('button', {
+                l.a.createElement('button', {
                   title: 'Execute motions',
                   className: '__dumi-default-icon',
                   role: 'motions',
-                  disabled: x,
+                  disabled: N,
                   onClick: function () {
-                    return N();
+                    return x();
                   },
                 }),
               f.iframe &&
-                n.a.createElement('button', {
+                l.a.createElement('button', {
                   title: 'Reload demo iframe page',
                   className: '__dumi-default-icon',
                   role: 'refresh',
@@ -253,21 +253,21 @@
                     return D(Math.random());
                   },
                 }),
-              !(null === (d = f.hideActions) || void 0 === d
+              !(null === (u = f.hideActions) || void 0 === u
                 ? void 0
-                : d.includes('EXTERNAL')) &&
-                n.a.createElement(
-                  m['Link'],
+                : u.includes('EXTERNAL')) &&
+                l.a.createElement(
+                  o['Link'],
                   { target: '_blank', to: b },
-                  n.a.createElement('button', {
+                  l.a.createElement('button', {
                     title: 'Open demo in new tab',
                     className: '__dumi-default-icon',
                     role: 'open-demo',
                     type: 'button',
                   }),
                 ),
-              n.a.createElement('span', null),
-              n.a.createElement('button', {
+              l.a.createElement('span', null),
+              l.a.createElement('button', {
                 title: 'Copy source code',
                 className: '__dumi-default-icon',
                 role: 'copy',
@@ -278,17 +278,17 @@
               }),
               'tsx' === T &&
                 J &&
-                n.a.createElement(
-                  m['Link'],
+                l.a.createElement(
+                  o['Link'],
                   { target: '_blank', to: X },
-                  n.a.createElement('button', {
+                  l.a.createElement('button', {
                     title: 'Get JSX via TypeScript Playground',
                     className: '__dumi-default-icon',
                     role: 'change-tsx',
                     type: 'button',
                   }),
                 ),
-              n.a.createElement('button', {
+              l.a.createElement('button', {
                 title: 'Toggle source code panel',
                 className: '__dumi-default-icon'.concat(
                   J ? ' __dumi-default-btn-expand' : '',
@@ -301,11 +301,11 @@
               }),
             ),
             J &&
-              n.a.createElement(
+              l.a.createElement(
                 'div',
                 { className: '__dumi-default-previewer-source-wrapper' },
                 !g &&
-                  n.a.createElement(
+                  l.a.createElement(
                     r['b'],
                     {
                       className: '__dumi-default-previewer-source-tab',
@@ -315,17 +315,17 @@
                       onChange: W,
                     },
                     Object.keys(f.sources).map(function (e) {
-                      return n.a.createElement(r['a'], {
+                      return l.a.createElement(r['a'], {
                         tab:
                           '_' === e ? 'index.'.concat(p(e, f.sources[e])) : e,
                         key: e,
                       });
                     }),
                   ),
-                n.a.createElement(
+                l.a.createElement(
                   'div',
                   { className: '__dumi-default-previewer-source' },
-                  n.a.createElement(u['a'], { code: H, lang: T, showCopy: !1 }),
+                  l.a.createElement(i['a'], { code: H, lang: T, showCopy: !1 }),
                 ),
               ),
           )
@@ -336,19 +336,19 @@
     cnrX: function (e, t, a) {
       'use strict';
       a.r(t);
-      var l = a('q1tI'),
-        n = a.n(l),
+      var n = a('q1tI'),
+        l = a.n(n),
         r = a('dEAq'),
         c = a('Zxc8'),
-        m = a('JjdP'),
-        u = n.a.memo(m['default']['avatar-basic'].component),
-        o = n.a.memo(m['default']['avatar-type'].component),
-        d = n.a.memo(m['default']['avatar-dynamic'].component),
-        i = n.a.memo(m['default']['avatar-badge'].component),
-        s = n.a.memo(m['default']['avatar-responsive'].component),
-        E = n.a.memo(m['default']['avatar-group'].component);
+        o = a('JjdP'),
+        i = l.a.memo(o['default']['avatar-basic'].component),
+        m = l.a.memo(o['default']['avatar-type'].component),
+        u = l.a.memo(o['default']['avatar-dynamic'].component),
+        d = l.a.memo(o['default']['avatar-badge'].component),
+        s = l.a.memo(o['default']['avatar-responsive'].component),
+        E = l.a.memo(o['default']['avatar-group'].component);
       t['default'] = (e) => (
-        n.a.useEffect(() => {
+        l.a.useEffect(() => {
           var t;
           null !== e &&
             void 0 !== e &&
@@ -359,490 +359,345 @@
               decodeURIComponent(e.location.hash.slice(1)),
             );
         }, []),
-        n.a.createElement(
-          n.a.Fragment,
+        l.a.createElement(
+          l.a.Fragment,
           null,
-          n.a.createElement(
-            n.a.Fragment,
+          l.a.createElement(
+            l.a.Fragment,
             null,
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h1',
                 { id: 'avatar-\u5934\u50cf' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#avatar-\u5934\u50cf',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 'Avatar \u5934\u50cf',
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'p',
                 null,
                 '\u7528\u6765\u4ee3\u8868\u7528\u6237\u6216\u4e8b\u7269\uff0c\u652f\u6301\u56fe\u7247\u3001\u56fe\u6807\u6216\u5b57\u7b26\u5c55\u793a\u3002',
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'h2',
                 { id: '\u4ee3\u7801\u6f14\u793a' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#\u4ee3\u7801\u6f14\u793a',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u4ee3\u7801\u6f14\u793a',
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: '\u57fa\u672c' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   { to: '#\u57fa\u672c', 'aria-hidden': 'true', tabIndex: -1 },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u57fa\u672c',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-basic'].previewerProps,
-              n.a.createElement(u, null),
+              o['default']['avatar-basic'].previewerProps,
+              l.a.createElement(i, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: '\u7c7b\u578b' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   { to: '#\u7c7b\u578b', 'aria-hidden': 'true', tabIndex: -1 },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u7c7b\u578b',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-type'].previewerProps,
-              n.a.createElement(o, null),
+              o['default']['avatar-type'].previewerProps,
+              l.a.createElement(m, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: '\u81ea\u52a8\u8c03\u6574\u5b57\u7b26\u5927\u5c0f' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#\u81ea\u52a8\u8c03\u6574\u5b57\u7b26\u5927\u5c0f',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u81ea\u52a8\u8c03\u6574\u5b57\u7b26\u5927\u5c0f',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-dynamic'].previewerProps,
-              n.a.createElement(d, null),
+              o['default']['avatar-dynamic'].previewerProps,
+              l.a.createElement(u, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: '\u5e26\u5fbd\u6807\u7684\u5934\u50cf' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#\u5e26\u5fbd\u6807\u7684\u5934\u50cf',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u5e26\u5fbd\u6807\u7684\u5934\u50cf',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-badge'].previewerProps,
-              n.a.createElement(i, null),
+              o['default']['avatar-badge'].previewerProps,
+              l.a.createElement(d, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: '\u54cd\u5e94\u5f0f\u5c3a\u5bf8' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#\u54cd\u5e94\u5f0f\u5c3a\u5bf8',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 '\u54cd\u5e94\u5f0f\u5c3a\u5bf8',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-responsive'].previewerProps,
-              n.a.createElement(s, null),
+              o['default']['avatar-responsive'].previewerProps,
+              l.a.createElement(s, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: 'avatargroup' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   { to: '#avatargroup', 'aria-hidden': 'true', tabIndex: -1 },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 'Avatar.Group',
               ),
             ),
-            n.a.createElement(
+            l.a.createElement(
               c['default'],
-              m['default']['avatar-group'].previewerProps,
-              n.a.createElement(E, null),
+              o['default']['avatar-group'].previewerProps,
+              l.a.createElement(E, null),
             ),
-            n.a.createElement(
+            l.a.createElement(
               'div',
               { className: 'markdown' },
-              n.a.createElement(
+              l.a.createElement(
                 'h2',
                 { id: 'api' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   { to: '#api', 'aria-hidden': 'true', tabIndex: -1 },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 'API',
               ),
-              n.a.createElement(
-                'table',
+              l.a.createElement(
+                'p',
                 null,
-                n.a.createElement(
-                  'thead',
-                  null,
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('th', null, '\u53c2\u6570'),
-                    n.a.createElement('th', null, '\u8bf4\u660e'),
-                    n.a.createElement('th', null, '\u7c7b\u578b'),
-                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
-                    n.a.createElement('th', null, '\u7248\u672c'),
-                  ),
-                ),
-                n.a.createElement(
-                  'tbody',
-                  null,
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'alt'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u56fe\u50cf\u65e0\u6cd5\u663e\u793a\u65f6\u7684\u66ff\u4ee3\u6587\u672c',
-                    ),
-                    n.a.createElement('td', null, 'string'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'gap'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u5b57\u7b26\u7c7b\u578b\u8ddd\u79bb\u5de6\u53f3\u4e24\u4fa7\u8fb9\u754c\u5355\u4f4d\u50cf\u7d20',
-                    ),
-                    n.a.createElement('td', null, 'number'),
-                    n.a.createElement('td', null, '4'),
-                    n.a.createElement('td', null, '4.3.0'),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'icon'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u8bbe\u7f6e\u5934\u50cf\u7684\u81ea\u5b9a\u4e49\u56fe\u6807',
-                    ),
-                    n.a.createElement('td', null, 'ReactNode'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'shape'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u6307\u5b9a\u5934\u50cf\u7684\u5f62\u72b6',
-                    ),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      n.a.createElement('code', null, 'circle'),
-                      ' | ',
-                      n.a.createElement('code', null, 'square'),
-                    ),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      n.a.createElement('code', null, 'circle'),
-                    ),
-                    n.a.createElement('td', null),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'size'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u8bbe\u7f6e\u5934\u50cf\u7684\u5927\u5c0f',
-                    ),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      'number | ',
-                      n.a.createElement('code', null, 'large'),
-                      ' | ',
-                      n.a.createElement('code', null, 'small'),
-                      ' | ',
-                      n.a.createElement('code', null, 'default'),
-                      ' | ',
-                      '{',
-                      ' xs: number, sm: number, ...',
-                      '}',
-                    ),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      n.a.createElement('code', null, 'default'),
-                    ),
-                    n.a.createElement('td', null, '4.7.0'),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'src'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u56fe\u7247\u7c7b\u5934\u50cf\u7684\u8d44\u6e90\u5730\u5740\u6216\u8005\u56fe\u7247\u5143\u7d20',
-                    ),
-                    n.a.createElement('td', null, 'string | ReactNode'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null, 'ReactNode: 4.8.0'),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'srcSet'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u8bbe\u7f6e\u56fe\u7247\u7c7b\u5934\u50cf\u54cd\u5e94\u5f0f\u8d44\u6e90\u5730\u5740',
-                    ),
-                    n.a.createElement('td', null, 'string'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'draggable'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u56fe\u7247\u662f\u5426\u5141\u8bb8\u62d6\u52a8',
-                    ),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      'boolean | ',
-                      n.a.createElement('code', null, "'true'"),
-                      ' | ',
-                      n.a.createElement('code', null, "'false'"),
-                    ),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
-                  ),
-                  n.a.createElement(
-                    'tr',
-                    null,
-                    n.a.createElement('td', null, 'onError'),
-                    n.a.createElement(
-                      'td',
-                      null,
-                      '\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u7684\u4e8b\u4ef6\uff0c\u8fd4\u56de false \u4f1a\u5173\u95ed\u7ec4\u4ef6\u9ed8\u8ba4\u7684 fallback \u884c\u4e3a',
-                    ),
-                    n.a.createElement('td', null, '() => boolean'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
-                  ),
-                ),
+                '| \u53c2\u6570      | \u8bf4\u660e                                                          | \u7c7b\u578b                                                                        | \u9ed8\u8ba4\u503c    | \u7248\u672c             | | --------- | ------------------------------------------------------------- | --------------------------------------------------------------------------- | --------- | ---------------- | --- | --- | --- | | alt       | \u56fe\u50cf\u65e0\u6cd5\u663e\u793a\u65f6\u7684\u66ff\u4ee3\u6587\u672c                                      | string                                                                      | -         |                  | | gap       | \u5b57\u7b26\u7c7b\u578b\u8ddd\u79bb\u5de6\u53f3\u4e24\u4fa7\u8fb9\u754c\u5355\u4f4d\u50cf\u7d20                              | number                                                                      | 4         | 4.3.0            | | icon      | \u8bbe\u7f6e\u5934\u50cf\u7684\u81ea\u5b9a\u4e49\u56fe\u6807                                          | ReactNode                                                                   | -         |                  | | shape     | \u6307\u5b9a\u5934\u50cf\u7684\u5f62\u72b6                                                | ',
+                l.a.createElement('code', null, 'circle'),
+                ' | ',
+                l.a.createElement('code', null, 'square'),
+                '                                                        | ',
+                l.a.createElement('code', null, 'circle'),
+                '  |                  | | size      | \u8bbe\u7f6e\u5934\u50cf\u7684\u5927\u5c0f                                                | number | ',
+                l.a.createElement('code', null, 'large'),
+                ' | ',
+                l.a.createElement('code', null, 'small'),
+                ' | ',
+                l.a.createElement('code', null, 'default'),
+                ' | ',
+                '{',
+                ' xs: number, sm: number, ...',
+                '}',
+                ' | ',
+                l.a.createElement('code', null, 'default'),
+                ' | 4.7.0            | | src       | \u56fe\u7247\u7c7b\u5934\u50cf\u7684\u8d44\u6e90\u5730\u5740\u6216\u8005\u56fe\u7247\u5143\u7d20                              | string | ReactNode                                                         | -         | ReactNode: 4.8.0 | | srcSet    | \u8bbe\u7f6e\u56fe\u7247\u7c7b\u5934\u50cf\u54cd\u5e94\u5f0f\u8d44\u6e90\u5730\u5740                                  | string                                                                      | -         |                  | | draggable | \u56fe\u7247\u662f\u5426\u5141\u8bb8\u62d6\u52a8                                              | boolean | ',
+                l.a.createElement('code', null, "'true'"),
+                ' | ',
+                l.a.createElement('code', null, "'false'"),
+                '                                            | -         |                  | | onError   | \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u7684\u4e8b\u4ef6\uff0c\u8fd4\u56de false \u4f1a\u5173\u95ed\u7ec4\u4ef6\u9ed8\u8ba4\u7684 fallback \u884c\u4e3a | () => boolean                                                               | -         |                  |     | -   |     |',
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'blockquote',
                 null,
-                n.a.createElement(
+                l.a.createElement(
                   'p',
                   null,
                   'Tip\uff1a\u4f60\u53ef\u4ee5\u8bbe\u7f6e ',
-                  n.a.createElement('code', null, 'icon'),
+                  l.a.createElement('code', null, 'icon'),
                   ' \u6216 ',
-                  n.a.createElement('code', null, 'children'),
+                  l.a.createElement('code', null, 'children'),
                   ' \u4f5c\u4e3a\u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u7684\u9ed8\u8ba4 fallback \u884c\u4e3a\uff0c\u4f18\u5148\u7ea7\u4e3a ',
-                  n.a.createElement('code', null, 'icon'),
+                  l.a.createElement('code', null, 'icon'),
                   ' > ',
-                  n.a.createElement('code', null, 'children'),
+                  l.a.createElement('code', null, 'children'),
                 ),
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'h3',
                 { id: 'avatargroup-450' },
-                n.a.createElement(
+                l.a.createElement(
                   r['AnchorLink'],
                   {
                     to: '#avatargroup-450',
                     'aria-hidden': 'true',
                     tabIndex: -1,
                   },
-                  n.a.createElement('span', { className: 'icon icon-link' }),
+                  l.a.createElement('span', { className: 'icon icon-link' }),
                 ),
                 'Avatar.Group (4.5.0+)',
               ),
-              n.a.createElement(
+              l.a.createElement(
                 'table',
                 null,
-                n.a.createElement(
+                l.a.createElement(
                   'thead',
                   null,
-                  n.a.createElement(
+                  l.a.createElement(
                     'tr',
                     null,
-                    n.a.createElement('th', null, '\u53c2\u6570'),
-                    n.a.createElement('th', null, '\u8bf4\u660e'),
-                    n.a.createElement('th', null, '\u7c7b\u578b'),
-                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
-                    n.a.createElement('th', null, '\u7248\u672c'),
+                    l.a.createElement('th', null, '\u53c2\u6570'),
+                    l.a.createElement('th', null, '\u8bf4\u660e'),
+                    l.a.createElement('th', null, '\u7c7b\u578b'),
+                    l.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    l.a.createElement('th', null, '\u7248\u672c'),
                   ),
                 ),
-                n.a.createElement(
+                l.a.createElement(
                   'tbody',
                   null,
-                  n.a.createElement(
+                  l.a.createElement(
                     'tr',
                     null,
-                    n.a.createElement('td', null, 'maxCount'),
-                    n.a.createElement(
+                    l.a.createElement('td', null, 'maxCount'),
+                    l.a.createElement(
                       'td',
                       null,
                       '\u663e\u793a\u7684\u6700\u5927\u5934\u50cf\u4e2a\u6570',
                     ),
-                    n.a.createElement('td', null, 'number'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
+                    l.a.createElement('td', null, 'number'),
+                    l.a.createElement('td', null, '-'),
+                    l.a.createElement('td', null),
                   ),
-                  n.a.createElement(
+                  l.a.createElement(
                     'tr',
                     null,
-                    n.a.createElement('td', null, 'maxPopoverPlacement'),
-                    n.a.createElement(
+                    l.a.createElement('td', null, 'maxPopoverPlacement'),
+                    l.a.createElement(
                       'td',
                       null,
                       '\u591a\u4f59\u5934\u50cf\u6c14\u6ce1\u5f39\u51fa\u4f4d\u7f6e',
                     ),
-                    n.a.createElement(
+                    l.a.createElement(
                       'td',
                       null,
-                      n.a.createElement('code', null, 'top'),
+                      l.a.createElement('code', null, 'top'),
                       ' | ',
-                      n.a.createElement('code', null, 'bottom'),
+                      l.a.createElement('code', null, 'bottom'),
                     ),
-                    n.a.createElement(
+                    l.a.createElement(
                       'td',
                       null,
-                      n.a.createElement('code', null, 'top'),
+                      l.a.createElement('code', null, 'top'),
                     ),
-                    n.a.createElement('td', null),
+                    l.a.createElement('td', null),
                   ),
-                  n.a.createElement(
+                  l.a.createElement(
                     'tr',
                     null,
-                    n.a.createElement('td', null, 'maxStyle'),
-                    n.a.createElement(
+                    l.a.createElement('td', null, 'maxStyle'),
+                    l.a.createElement(
                       'td',
                       null,
                       '\u591a\u4f59\u5934\u50cf\u6837\u5f0f',
                     ),
-                    n.a.createElement('td', null, 'CSSProperties'),
-                    n.a.createElement('td', null, '-'),
-                    n.a.createElement('td', null),
+                    l.a.createElement('td', null, 'CSSProperties'),
+                    l.a.createElement('td', null, '-'),
+                    l.a.createElement('td', null),
                   ),
-                  n.a.createElement(
+                  l.a.createElement(
                     'tr',
                     null,
-                    n.a.createElement('td', null, 'size'),
-                    n.a.createElement(
+                    l.a.createElement('td', null, 'size'),
+                    l.a.createElement(
                       'td',
                       null,
                       '\u8bbe\u7f6e\u5934\u50cf\u7684\u5927\u5c0f',
                     ),
-                    n.a.createElement(
+                    l.a.createElement(
                       'td',
                       null,
                       'number | ',
-                      n.a.createElement('code', null, 'large'),
+                      l.a.createElement('code', null, 'large'),
                       ' | ',
-                      n.a.createElement('code', null, 'small'),
+                      l.a.createElement('code', null, 'small'),
                       ' | ',
-                      n.a.createElement('code', null, 'default'),
+                      l.a.createElement('code', null, 'default'),
                       ' | ',
                       '{',
                       ' xs: number, sm: number, ...',
                       '}',
                     ),
-                    n.a.createElement(
+                    l.a.createElement(
                       'td',
                       null,
-                      n.a.createElement('code', null, 'default'),
+                      l.a.createElement('code', null, 'default'),
                     ),
-                    n.a.createElement('td', null, '4.8.0'),
+                    l.a.createElement('td', null, '4.8.0'),
                   ),
                 ),
               ),
-              n.a.createElement('style', {
+              l.a.createElement('style', {
                 dangerouslySetInnerHTML: {
                   __html:
-                    '\n[class^="__dumi-default-previewer"] .ant-avatar {\n  margin-top: 16px;\n  margin-right: 16px;\n}\n.ant-row-rtl [class^="__dumi-default-previewer"] .ant-avatar {\n  margin-right: 0;\n  margin-left: 16px;\n}\n',
+                    '\n[class^="__dumi-default-previewer"] .ant-avatar {\n  margin-top: 16px;\n  margin-right: 16px;\n}\n[class^="__dumi-default-previewer"] .ant-badge {\n  margin-right: 0;\n  margin-left: 16px;\n}\n\n[class^="__dumi-default-previewer"] .ant-badge>.ant-avatar {\n  margin-top: 0;\n  margin-right: 0;\n}\n\n/* .ant-row-rtl [class^="__dumi-default-previewer"] .ant-badge .ant-avatar {\n  margin-right: 0;\n  margin-left: 16px;\n} */\n',
                 },
               }),
             ),