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

package/docs-dist/demos_noteleks.js

@@ -0,0 +1,691 @@
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [95],
+  {
+    '2moL': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('m/eG');
+      t['default'] = n['R'];
+    },
+    '6VBw': function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('ODXe'),
+        o = a('rePB'),
+        c = a('Ff2n'),
+        l = a('q1tI'),
+        i = a.n(l),
+        s = a('TSYQ'),
+        u = a.n(s),
+        d = Object(l['createContext'])({}),
+        m = d,
+        h = a('U8pU'),
+        p = a('AJpP'),
+        f = a('Kwbf'),
+        g = a('MNnm'),
+        v = 'rc-util-key';
+      function y(e) {
+        if (e.attachTo) return e.attachTo;
+        var t = document.querySelector('head');
+        return t || document.body;
+      }
+      function b(e) {
+        var t,
+          a =
+            arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
+        if (!Object(g['a'])()) return null;
+        var n,
+          r = document.createElement('style');
+        (null === (t = a.csp) || void 0 === t ? void 0 : t.nonce) &&
+          (r.nonce = null === (n = a.csp) || void 0 === n ? void 0 : n.nonce);
+        r.innerHTML = e;
+        var o = y(a),
+          c = o.firstChild;
+        return (
+          a.prepend && o.prepend
+            ? o.prepend(r)
+            : a.prepend && c
+            ? o.insertBefore(r, c)
+            : o.appendChild(r),
+          r
+        );
+      }
+      var C = new Map();
+      function E(e, t) {
+        var a =
+            arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
+          n = y(a);
+        if (!C.has(n)) {
+          var r = b('', a),
+            o = r.parentNode;
+          C.set(n, o), o.removeChild(r);
+        }
+        var c = Array.from(C.get(n).children).find(function (e) {
+          return 'STYLE' === e.tagName && e[v] === t;
+        });
+        if (c) {
+          var l, i, s;
+          if (
+            (null === (l = a.csp) || void 0 === l ? void 0 : l.nonce) &&
+            c.nonce !==
+              (null === (i = a.csp) || void 0 === i ? void 0 : i.nonce)
+          )
+            c.nonce = null === (s = a.csp) || void 0 === s ? void 0 : s.nonce;
+          return c.innerHTML !== e && (c.innerHTML = e), c;
+        }
+        var u = b(e, a);
+        return (u[v] = t), u;
+      }
+      function k(e, t) {
+        Object(f['a'])(e, '[@ant-design/icons] '.concat(t));
+      }
+      function w(e) {
+        return (
+          'object' === Object(h['a'])(e) &&
+          'string' === typeof e.name &&
+          'string' === typeof e.theme &&
+          ('object' === Object(h['a'])(e.icon) || 'function' === typeof e.icon)
+        );
+      }
+      function S() {
+        var e =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        return Object.keys(e).reduce(function (t, a) {
+          var n = e[a];
+          switch (a) {
+            case 'class':
+              (t.className = n), delete t.class;
+              break;
+            default:
+              t[a] = n;
+          }
+          return t;
+        }, {});
+      }
+      function j(e, t, a) {
+        return a
+          ? i.a.createElement(
+              e.tag,
+              Object(n['a'])(Object(n['a'])({ key: t }, S(e.attrs)), a),
+              (e.children || []).map(function (a, n) {
+                return j(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
+              }),
+            )
+          : i.a.createElement(
+              e.tag,
+              Object(n['a'])({ key: t }, S(e.attrs)),
+              (e.children || []).map(function (a, n) {
+                return j(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
+              }),
+            );
+      }
+      function O(e) {
+        return Object(p['generate'])(e)[0];
+      }
+      function T(e) {
+        return e ? (Array.isArray(e) ? e : [e]) : [];
+      }
+      var B =
+          '\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',
+        x = function () {
+          var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : B,
+            t = Object(l['useContext'])(m),
+            a = t.csp;
+          Object(l['useEffect'])(function () {
+            E(e, '@ant-design-icons', { prepend: !0, csp: a });
+          }, []);
+        },
+        I = [
+          'icon',
+          'className',
+          'onClick',
+          'style',
+          'primaryColor',
+          'secondaryColor',
+        ],
+        z = { primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: !1 };
+      function M(e) {
+        var t = e.primaryColor,
+          a = e.secondaryColor;
+        (z.primaryColor = t),
+          (z.secondaryColor = a || O(t)),
+          (z.calculated = !!a);
+      }
+      function R() {
+        return Object(n['a'])({}, z);
+      }
+      var A = function (e) {
+        var t = e.icon,
+          a = e.className,
+          r = e.onClick,
+          o = e.style,
+          l = e.primaryColor,
+          i = e.secondaryColor,
+          s = Object(c['a'])(e, I),
+          u = z;
+        if (
+          (l && (u = { primaryColor: l, secondaryColor: i || O(l) }),
+          x(),
+          k(w(t), 'icon should be icon definiton, but got '.concat(t)),
+          !w(t))
+        )
+          return null;
+        var d = t;
+        return (
+          d &&
+            'function' === typeof d.icon &&
+            (d = Object(n['a'])(
+              Object(n['a'])({}, d),
+              {},
+              { icon: d.icon(u.primaryColor, u.secondaryColor) },
+            )),
+          j(
+            d.icon,
+            'svg-'.concat(d.name),
+            Object(n['a'])(
+              {
+                className: a,
+                onClick: r,
+                style: o,
+                'data-icon': d.name,
+                width: '1em',
+                height: '1em',
+                fill: 'currentColor',
+                'aria-hidden': 'true',
+              },
+              s,
+            ),
+          )
+        );
+      };
+      (A.displayName = 'IconReact'),
+        (A.getTwoToneColors = R),
+        (A.setTwoToneColors = M);
+      var N = A;
+      function q(e) {
+        var t = T(e),
+          a = Object(r['a'])(t, 2),
+          n = a[0],
+          o = a[1];
+        return N.setTwoToneColors({ primaryColor: n, secondaryColor: o });
+      }
+      function L() {
+        var e = N.getTwoToneColors();
+        return e.calculated
+          ? [e.primaryColor, e.secondaryColor]
+          : e.primaryColor;
+      }
+      var D = [
+        'className',
+        'icon',
+        'spin',
+        'rotate',
+        'tabIndex',
+        'onClick',
+        'twoToneColor',
+      ];
+      q('#1890ff');
+      var V = l['forwardRef'](function (e, t) {
+        var a,
+          i = e.className,
+          s = e.icon,
+          d = e.spin,
+          h = e.rotate,
+          p = e.tabIndex,
+          f = e.onClick,
+          g = e.twoToneColor,
+          v = Object(c['a'])(e, D),
+          y = l['useContext'](m),
+          b = y.prefixCls,
+          C = void 0 === b ? 'anticon' : b,
+          E = u()(
+            C,
+            ((a = {}),
+            Object(o['a'])(a, ''.concat(C, '-').concat(s.name), !!s.name),
+            Object(o['a'])(
+              a,
+              ''.concat(C, '-spin'),
+              !!d || 'loading' === s.name,
+            ),
+            a),
+            i,
+          ),
+          k = p;
+        void 0 === k && f && (k = -1);
+        var w = h
+            ? {
+                msTransform: 'rotate('.concat(h, 'deg)'),
+                transform: 'rotate('.concat(h, 'deg)'),
+              }
+            : void 0,
+          S = T(g),
+          j = Object(r['a'])(S, 2),
+          O = j[0],
+          B = j[1];
+        return l['createElement'](
+          'span',
+          Object(n['a'])(
+            Object(n['a'])({ role: 'img', 'aria-label': s.name }, v),
+            {},
+            { ref: t, tabIndex: k, onClick: f, className: E },
+          ),
+          l['createElement'](N, {
+            icon: s,
+            primaryColor: O,
+            secondaryColor: B,
+            style: w,
+          }),
+        );
+      });
+      (V.displayName = 'AntdIcon'),
+        (V.getTwoToneColor = L),
+        (V.setTwoToneColor = q);
+      t['a'] = V;
+    },
+    BtR2: function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('q1tI'),
+        o = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z',
+                },
+              },
+            ],
+          },
+          name: 'like',
+          theme: 'outlined',
+        },
+        c = o,
+        l = a('6VBw'),
+        i = function (e, t) {
+          return r['createElement'](
+            l['a'],
+            Object(n['a'])(Object(n['a'])({}, e), {}, { ref: t, icon: c }),
+          );
+        };
+      i.displayName = 'LikeOutlined';
+      t['a'] = r['forwardRef'](i);
+    },
+    EErN: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('m/eG'),
+        r = a('q1tI'),
+        o = a.n(r);
+      t['default'] = () => o.a.createElement(n['R'], { active: !0 });
+    },
+    TUlI: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('m/eG'),
+        r = a('q1tI'),
+        o = a.n(r);
+      t['default'] = () =>
+        o.a.createElement(n['R'], { avatar: !0, paragraph: { rows: 4 } });
+    },
+    'Tm+p': function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('q1tI'),
+        o = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z',
+                },
+              },
+            ],
+          },
+          name: 'star',
+          theme: 'outlined',
+        },
+        c = o,
+        l = a('6VBw'),
+        i = function (e, t) {
+          return r['createElement'](
+            l['a'],
+            Object(n['a'])(Object(n['a'])({}, e), {}, { ref: t, icon: c }),
+          );
+        };
+      i.displayName = 'StarOutlined';
+      t['a'] = r['forwardRef'](i);
+    },
+    WhZy: function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('q1tI'),
+        o = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z',
+                },
+              },
+            ],
+          },
+          name: 'message',
+          theme: 'outlined',
+        },
+        c = o,
+        l = a('6VBw'),
+        i = function (e, t) {
+          return r['createElement'](
+            l['a'],
+            Object(n['a'])(Object(n['a'])({}, e), {}, { ref: t, icon: c }),
+          );
+        };
+      i.displayName = 'MessageOutlined';
+      t['a'] = r['forwardRef'](i);
+    },
+    bYIs: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('q1tI'),
+          r = a.n(n),
+          o = a('m/eG'),
+          c = a('Tm+p'),
+          l = a('BtR2'),
+          i = a('WhZy'),
+          s = [],
+          u = 0;
+        u < 3;
+        u++
+      )
+        s.push({
+          href: 'https://ant.design',
+          title: 'ant design part '.concat(u),
+          avatar: 'https://joeschmoe.io/api/v1/random',
+          description:
+            'Ant Design, a design language for background applications, is refined by Ant UED Team.',
+          content:
+            'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
+        });
+      var d = (e) => {
+        var t = e.icon,
+          a = e.text;
+        return r.a.createElement(
+          'span',
+          null,
+          r.a.createElement(t, { style: { marginRight: 8 } }),
+          a,
+        );
+      };
+      class m extends r.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { loading: !0 }),
+            (this.onChange = (e) => {
+              this.setState({ loading: !e });
+            });
+        }
+        render() {
+          var e = this.state.loading;
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(o['X'], { checked: !e, onChange: this.onChange }),
+            r.a.createElement(o['D'], {
+              itemLayout: 'vertical',
+              size: 'large',
+              dataSource: s,
+              renderItem: (t) =>
+                r.a.createElement(
+                  o['D'].Item,
+                  {
+                    key: t.title,
+                    actions: !e && [
+                      r.a.createElement(d, {
+                        icon: c['a'],
+                        text: '156',
+                        key: 'list-vertical-star-o',
+                      }),
+                      r.a.createElement(d, {
+                        icon: l['a'],
+                        text: '156',
+                        key: 'list-vertical-like-o',
+                      }),
+                      r.a.createElement(d, {
+                        icon: i['a'],
+                        text: '2',
+                        key: 'list-vertical-message',
+                      }),
+                    ],
+                    extra:
+                      !e &&
+                      r.a.createElement('img', {
+                        width: 272,
+                        alt: 'logo',
+                        src: 'https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png',
+                      }),
+                  },
+                  r.a.createElement(
+                    o['R'],
+                    { loading: e, active: !0, avatar: !0 },
+                    r.a.createElement(o['D'].Item.Meta, {
+                      avatar: r.a.createElement(o['e'], { src: t.avatar }),
+                      title: r.a.createElement('a', { href: t.href }, t.title),
+                      description: t.description,
+                    }),
+                    t.content,
+                  ),
+                ),
+            }),
+          );
+        }
+      }
+      t['default'] = m;
+    },
+    gPEE: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        o = a('m/eG');
+      class c extends r.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = {
+              active: !1,
+              block: !1,
+              size: 'default',
+              buttonShape: 'default',
+              avatarShape: 'circle',
+            }),
+            (this.handleActiveChange = (e) => {
+              this.setState({ active: e });
+            }),
+            (this.handleBlockChange = (e) => {
+              this.setState({ block: e });
+            }),
+            (this.handleSizeChange = (e) => {
+              this.setState({ size: e.target.value });
+            }),
+            (this.handleShapeChange = (e) => (t) => {
+              this.setState({ [e]: t.target.value });
+            });
+        }
+        render() {
+          var e = this.state,
+            t = e.active,
+            a = e.size,
+            n = e.buttonShape,
+            c = e.avatarShape,
+            l = e.block;
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              o['T'],
+              null,
+              r.a.createElement(o['R'].Button, {
+                active: t,
+                size: a,
+                shape: n,
+                block: l,
+              }),
+              r.a.createElement(o['R'].Avatar, {
+                active: t,
+                size: a,
+                shape: c,
+              }),
+              r.a.createElement(o['R'].Input, {
+                style: { width: 200 },
+                active: t,
+                size: a,
+              }),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement('br', null),
+            r.a.createElement(o['R'].Button, {
+              active: t,
+              size: a,
+              shape: n,
+              block: l,
+            }),
+            r.a.createElement('br', null),
+            r.a.createElement('br', null),
+            r.a.createElement(o['R'].Image, null),
+            r.a.createElement(o['u'], null),
+            r.a.createElement(
+              o['y'],
+              { layout: 'inline', style: { margin: '16px 0' } },
+              r.a.createElement(
+                o['y'].Item,
+                { label: 'Active' },
+                r.a.createElement(o['X'], {
+                  checked: t,
+                  onChange: this.handleActiveChange,
+                }),
+              ),
+              r.a.createElement(
+                o['y'].Item,
+                { label: 'Button Block' },
+                r.a.createElement(o['X'], {
+                  checked: l,
+                  onChange: this.handleBlockChange,
+                }),
+              ),
+              r.a.createElement(
+                o['y'].Item,
+                { label: 'Size' },
+                r.a.createElement(
+                  o['M'].Group,
+                  { value: a, onChange: this.handleSizeChange },
+                  r.a.createElement(
+                    o['M'].Button,
+                    { value: 'default' },
+                    'Default',
+                  ),
+                  r.a.createElement(o['M'].Button, { value: 'large' }, 'Large'),
+                  r.a.createElement(o['M'].Button, { value: 'small' }, 'Small'),
+                ),
+              ),
+              r.a.createElement(
+                o['y'].Item,
+                { label: 'Button Shape' },
+                r.a.createElement(
+                  o['M'].Group,
+                  { value: n, onChange: this.handleShapeChange('buttonShape') },
+                  r.a.createElement(
+                    o['M'].Button,
+                    { value: 'default' },
+                    'Default',
+                  ),
+                  r.a.createElement(o['M'].Button, { value: 'round' }, 'Round'),
+                  r.a.createElement(
+                    o['M'].Button,
+                    { value: 'circle' },
+                    'Circle',
+                  ),
+                ),
+              ),
+              r.a.createElement(
+                o['y'].Item,
+                { label: 'Avatar Shape' },
+                r.a.createElement(
+                  o['M'].Group,
+                  { value: c, onChange: this.handleShapeChange('avatarShape') },
+                  r.a.createElement(
+                    o['M'].Button,
+                    { value: 'square' },
+                    'Square',
+                  ),
+                  r.a.createElement(
+                    o['M'].Button,
+                    { value: 'circle' },
+                    'Circle',
+                  ),
+                ),
+              ),
+            ),
+          );
+        }
+      }
+      t['default'] = c;
+    },
+    k7mo: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        o = a('m/eG');
+      class c extends r.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.state = { loading: !1 }),
+            (this.showSkeleton = () => {
+              this.setState({ loading: !0 }),
+                setTimeout(() => {
+                  this.setState({ loading: !1 });
+                }, 3e3);
+            });
+        }
+        render() {
+          return r.a.createElement(
+            'div',
+            { className: 'article' },
+            r.a.createElement(
+              o['R'],
+              { loading: this.state.loading },
+              r.a.createElement(
+                'div',
+                null,
+                r.a.createElement('h4', null, 'Ant Design, a design language'),
+                r.a.createElement(
+                  'p',
+                  null,
+                  'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
+                ),
+              ),
+            ),
+            r.a.createElement(
+              o['i'],
+              { onClick: this.showSkeleton, disabled: this.state.loading },
+              'Show Skeleton',
+            ),
+          );
+        }
+      }
+      t['default'] = c;
+    },
+  },
+]);

package/docs-dist/demos_nottub.js

@@ -1,5 +1,5 @@
 (window['webpackJsonp'] = window['webpackJsonp'] || []).push([
-  [92],
+  [96],
   {
     '3wYc': function (e, a, t) {
       'use strict';

package/docs-dist/demos_nwodpord.js

@@ -1,5 +1,5 @@
 (window['webpackJsonp'] = window['webpackJsonp'] || []).push([
-  [93],
+  [97],
   {
     '4Y5X': function (e, t, n) {
       'use strict';