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

package/docs-dist/demos_gat.js

@@ -1 +1,487 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[83],{"3/+U":function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),r=t("m/eG"),c=t("43SX"),o=t("FoZM"),s=t("nk6Y"),u=t("Gn5n"),m=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(r["ab"],{icon:n.a.createElement(c["a"],null),color:"#55acee"},"Twitter"),n.a.createElement(r["ab"],{icon:n.a.createElement(o["a"],null),color:"#cd201f"},"Youtube"),n.a.createElement(r["ab"],{icon:n.a.createElement(s["a"],null),color:"#3b5999"},"Facebook"),n.a.createElement(r["ab"],{icon:n.a.createElement(u["a"],null),color:"#55acee"},"LinkedIn"));a["default"]=m},"4hvQ":function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),o=c["ab"].CheckableTag,s=()=>{var e=Object(n["useState"])(["Books"]),a=Object(l["a"])(e,2),t=a[0],c=a[1],s=["Movies","Books","Music","Sports"],u=(e,a)=>{var l=a?[...t,e]:t.filter((a=>a!==e));console.log("You are interested in: ",l),c(l)};return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{style:{marginRight:8}},"Categories:"),s.map((e=>r.a.createElement(o,{key:e,checked:t.indexOf(e)>-1,onChange:a=>u(e,a)},e))))};a["default"]=s},"Bz+S":function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),o=t("xvlK"),s=()=>{var e=Object(n["useState"])(["Unremovable","Tag 2","Tag 3"]),a=Object(l["a"])(e,2),t=a[0],s=a[1],u=Object(n["useState"])(!1),m=Object(l["a"])(u,2),i=m[0],b=m[1],E=Object(n["useState"])(""),g=Object(l["a"])(E,2),f=g[0],v=g[1],d=Object(n["useState"])(-1),p=Object(l["a"])(d,2),O=p[0],j=p[1],k=Object(n["useState"])(""),y=Object(l["a"])(k,2),C=y[0],h=y[1],w=Object(n["useRef"])(),T=Object(n["useRef"])();Object(n["useEffect"])((()=>{i&&(w.current.focus(),console.log(w))}),[i]);var S=e=>{var a=t.filter((a=>a!==e));console.log(t),s(a)},F=()=>{b(!0)},G=e=>{v(e.target.value)},I=()=>{f&&-1===t.indexOf(f)&&(t=[...t,f]),console.log(t),s(t),b(!1),v("")},B=e=>{h(e.target.value)},q=()=>{var e=[...t];e[O]=C,s(e),j(-1),h("")};return r.a.createElement(r.a.Fragment,null,t.map(((e,a)=>{if(O===a)return r.a.createElement(c["A"],{ref:T,key:e,size:"small",className:"tag-input",value:C,onChange:B,onBlur:q,onPressEnter:q});var t=e.length>20,l=r.a.createElement(c["ab"],{className:"edit-tag",key:e,closable:0!==a,onClose:()=>S(e)},r.a.createElement("span",{onDoubleClick:t=>{0!==a&&(j(a),h(e),setTimeout((()=>{T.current.focus()})),t.preventDefault())}},t?"".concat(e.slice(0,20),"..."):e));return t?r.a.createElement(c["db"],{title:e,key:e},l):l})),i&&r.a.createElement(c["A"],{ref:w,type:"text",size:"small",className:"tag-input",value:f,onChange:G,onBlur:I,onPressEnter:I}),!i&&r.a.createElement(c["ab"],{className:"site-tag-plus",onClick:F},r.a.createElement(o["a"],null)," New Tag"))};a["default"]=s},QYCG:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),r=t("m/eG"),c=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(r["u"],{orientation:"left"},"Presets"),n.a.createElement("div",null,n.a.createElement(r["ab"],{color:"magenta"},"magenta"),n.a.createElement(r["ab"],{color:"red"},"red"),n.a.createElement(r["ab"],{color:"volcano"},"volcano"),n.a.createElement(r["ab"],{color:"orange"},"orange"),n.a.createElement(r["ab"],{color:"gold"},"gold"),n.a.createElement(r["ab"],{color:"lime"},"lime"),n.a.createElement(r["ab"],{color:"green"},"green"),n.a.createElement(r["ab"],{color:"cyan"},"cyan"),n.a.createElement(r["ab"],{color:"blue"},"blue"),n.a.createElement(r["ab"],{color:"geekblue"},"geekblue"),n.a.createElement(r["ab"],{color:"purple"},"purple")),n.a.createElement(r["u"],{orientation:"left"},"Custom"),n.a.createElement("div",null,n.a.createElement(r["ab"],{color:"#f50"},"#f50"),n.a.createElement(r["ab"],{color:"#2db7f5"},"#2db7f5"),n.a.createElement(r["ab"],{color:"#87d068"},"#87d068"),n.a.createElement(r["ab"],{color:"#108ee9"},"#108ee9")));a["default"]=c},Vzub:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),r=t("m/eG"),c=t("Ue1A"),o=t("zsHu"),s=t("2BaD"),u=t("RCxd"),m=t("Icgb"),i=t("wlus"),b=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(r["u"],{orientation:"left"},"Without icon"),n.a.createElement("div",null,n.a.createElement(r["ab"],{color:"success"},"success"),n.a.createElement(r["ab"],{color:"processing"},"processing"),n.a.createElement(r["ab"],{color:"error"},"error"),n.a.createElement(r["ab"],{color:"warning"},"warning"),n.a.createElement(r["ab"],{color:"default"},"default")),n.a.createElement(r["u"],{orientation:"left"},"With icon"),n.a.createElement("div",null,n.a.createElement(r["ab"],{icon:n.a.createElement(c["a"],null),color:"success"},"success"),n.a.createElement(r["ab"],{icon:n.a.createElement(o["a"],{spin:!0}),color:"processing"},"processing"),n.a.createElement(r["ab"],{icon:n.a.createElement(s["a"],null),color:"error"},"error"),n.a.createElement(r["ab"],{icon:n.a.createElement(u["a"],null),color:"warning"},"warning"),n.a.createElement(r["ab"],{icon:n.a.createElement(m["a"],null),color:"default"},"waiting"),n.a.createElement(r["ab"],{icon:n.a.createElement(i["a"],null),color:"default"},"stop")));a["default"]=b},cbNY:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),o=()=>{var e=Object(n["useState"])(!1),a=Object(l["a"])(e,2),t=a[0],o=a[1];return r.a.createElement(r.a.Fragment,null,r.a.createElement(c["ab"],{closable:!0,visible:t,onClose:()=>o(!1)},"Movies"),r.a.createElement("br",null),r.a.createElement(c["i"],{size:"small",onClick:()=>o(!t)},"Toggle"))};a["default"]=o},cyon:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),r=t("m/eG"),c=()=>{var e=e=>{console.log(e)},a=e=>{e.preventDefault(),console.log("Clicked! But prevent default.")};return n.a.createElement(n.a.Fragment,null,n.a.createElement(r["ab"],null,"Tag 1"),n.a.createElement(r["ab"],null,n.a.createElement("a",{href:"https://github.com/ant-design/ant-design/issues/1862"},"Link")),n.a.createElement(r["ab"],{closable:!0,onClose:e},"Tag 2"),n.a.createElement(r["ab"],{closable:!0,onClose:a},"Prevent Default"))};a["default"]=c},vbKZ:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),o=t("6y1p"),s=t("xvlK"),u=()=>{var e=Object(n["useState"])(["Tag 1","Tag 2","Tag 3"]),a=Object(l["a"])(e,2),t=a[0],u=a[1],m=Object(n["useState"])(!1),i=Object(l["a"])(m,2),b=i[0],E=i[1],g=Object(n["useState"])(""),f=Object(l["a"])(g,2),v=f[0],d=f[1],p=Object(n["useRef"])();Object(n["useEffect"])((()=>{b&&p.current.focus()}),[b]);var O=e=>{var a=t.filter((a=>a!==e));u(a)},j=()=>{E(!0)},k=e=>{d(e.target.value)},y=()=>{v&&-1===t.indexOf(v)&&(t=[...t,v]),console.log(t),u(t),E(!1),d("")},C=e=>{var a=r.a.createElement(c["ab"],{closable:!0,onClose:a=>{a.preventDefault(),O(e)}},e);return r.a.createElement("span",{key:e,style:{display:"inline-block"}},a)},h=t.map(C);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{style:{marginBottom:16}},r.a.createElement(o["a"],{enter:{scale:.8,opacity:0,type:"from",duration:100,onComplete:e=>{e.target.style=""}},leave:{opacity:0,width:0,scale:0,duration:200},appear:!1},h)),b&&r.a.createElement(c["A"],{ref:p,type:"text",size:"small",style:{width:78},value:v,onChange:k,onBlur:y,onPressEnter:y}),!b&&r.a.createElement(c["ab"],{onClick:j,className:"site-tag-plus"},r.a.createElement(s["a"],null)," New Tag"))};a["default"]=u}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [83],
+  {
+    '3/+U': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        r = t('m/eG'),
+        c = t('43SX'),
+        o = t('FoZM'),
+        s = t('nk6Y'),
+        u = t('Gn5n'),
+        m = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              r['ab'],
+              { icon: n.a.createElement(c['a'], null), color: '#55acee' },
+              'Twitter',
+            ),
+            n.a.createElement(
+              r['ab'],
+              { icon: n.a.createElement(o['a'], null), color: '#cd201f' },
+              'Youtube',
+            ),
+            n.a.createElement(
+              r['ab'],
+              { icon: n.a.createElement(s['a'], null), color: '#3b5999' },
+              'Facebook',
+            ),
+            n.a.createElement(
+              r['ab'],
+              { icon: n.a.createElement(u['a'], null), color: '#55acee' },
+              'LinkedIn',
+            ),
+          );
+      a['default'] = m;
+    },
+    '4hvQ': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        o = c['ab'].CheckableTag,
+        s = () => {
+          var e = Object(n['useState'])(['Books']),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            c = a[1],
+            s = ['Movies', 'Books', 'Music', 'Sports'],
+            u = (e, a) => {
+              var l = a ? [...t, e] : t.filter((a) => a !== e);
+              console.log('You are interested in: ', l), c(l);
+            };
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              'span',
+              { style: { marginRight: 8 } },
+              'Categories:',
+            ),
+            s.map((e) =>
+              r.a.createElement(
+                o,
+                {
+                  key: e,
+                  checked: t.indexOf(e) > -1,
+                  onChange: (a) => u(e, a),
+                },
+                e,
+              ),
+            ),
+          );
+        };
+      a['default'] = s;
+    },
+    'Bz+S': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        o = t('xvlK'),
+        s = () => {
+          var e = Object(n['useState'])(['Unremovable', 'Tag 2', 'Tag 3']),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            s = a[1],
+            u = Object(n['useState'])(!1),
+            m = Object(l['a'])(u, 2),
+            i = m[0],
+            b = m[1],
+            E = Object(n['useState'])(''),
+            g = Object(l['a'])(E, 2),
+            f = g[0],
+            v = g[1],
+            d = Object(n['useState'])(-1),
+            p = Object(l['a'])(d, 2),
+            O = p[0],
+            j = p[1],
+            k = Object(n['useState'])(''),
+            y = Object(l['a'])(k, 2),
+            C = y[0],
+            h = y[1],
+            w = Object(n['useRef'])(),
+            T = Object(n['useRef'])();
+          Object(n['useEffect'])(() => {
+            i && (w.current.focus(), console.log(w));
+          }, [i]);
+          var S = (e) => {
+              var a = t.filter((a) => a !== e);
+              console.log(t), s(a);
+            },
+            F = () => {
+              b(!0);
+            },
+            G = (e) => {
+              v(e.target.value);
+            },
+            I = () => {
+              f && -1 === t.indexOf(f) && (t = [...t, f]),
+                console.log(t),
+                s(t),
+                b(!1),
+                v('');
+            },
+            B = (e) => {
+              h(e.target.value);
+            },
+            q = () => {
+              var e = [...t];
+              (e[O] = C), s(e), j(-1), h('');
+            };
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            t.map((e, a) => {
+              if (O === a)
+                return r.a.createElement(c['A'], {
+                  ref: T,
+                  key: e,
+                  size: 'small',
+                  className: 'tag-input',
+                  value: C,
+                  onChange: B,
+                  onBlur: q,
+                  onPressEnter: q,
+                });
+              var t = e.length > 20,
+                l = r.a.createElement(
+                  c['ab'],
+                  {
+                    className: 'edit-tag',
+                    key: e,
+                    closable: 0 !== a,
+                    onClose: () => S(e),
+                  },
+                  r.a.createElement(
+                    'span',
+                    {
+                      onDoubleClick: (t) => {
+                        0 !== a &&
+                          (j(a),
+                          h(e),
+                          setTimeout(() => {
+                            T.current.focus();
+                          }),
+                          t.preventDefault());
+                      },
+                    },
+                    t ? ''.concat(e.slice(0, 20), '...') : e,
+                  ),
+                );
+              return t
+                ? r.a.createElement(c['db'], { title: e, key: e }, l)
+                : l;
+            }),
+            i &&
+              r.a.createElement(c['A'], {
+                ref: w,
+                type: 'text',
+                size: 'small',
+                className: 'tag-input',
+                value: f,
+                onChange: G,
+                onBlur: I,
+                onPressEnter: I,
+              }),
+            !i &&
+              r.a.createElement(
+                c['ab'],
+                { className: 'site-tag-plus', onClick: F },
+                r.a.createElement(o['a'], null),
+                ' New Tag',
+              ),
+          );
+        };
+      a['default'] = s;
+    },
+    QYCG: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        r = t('m/eG'),
+        c = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(r['u'], { orientation: 'left' }, 'Presets'),
+            n.a.createElement(
+              'div',
+              null,
+              n.a.createElement(r['ab'], { color: 'magenta' }, 'magenta'),
+              n.a.createElement(r['ab'], { color: 'red' }, 'red'),
+              n.a.createElement(r['ab'], { color: 'volcano' }, 'volcano'),
+              n.a.createElement(r['ab'], { color: 'orange' }, 'orange'),
+              n.a.createElement(r['ab'], { color: 'gold' }, 'gold'),
+              n.a.createElement(r['ab'], { color: 'lime' }, 'lime'),
+              n.a.createElement(r['ab'], { color: 'green' }, 'green'),
+              n.a.createElement(r['ab'], { color: 'cyan' }, 'cyan'),
+              n.a.createElement(r['ab'], { color: 'blue' }, 'blue'),
+              n.a.createElement(r['ab'], { color: 'geekblue' }, 'geekblue'),
+              n.a.createElement(r['ab'], { color: 'purple' }, 'purple'),
+            ),
+            n.a.createElement(r['u'], { orientation: 'left' }, 'Custom'),
+            n.a.createElement(
+              'div',
+              null,
+              n.a.createElement(r['ab'], { color: '#f50' }, '#f50'),
+              n.a.createElement(r['ab'], { color: '#2db7f5' }, '#2db7f5'),
+              n.a.createElement(r['ab'], { color: '#87d068' }, '#87d068'),
+              n.a.createElement(r['ab'], { color: '#108ee9' }, '#108ee9'),
+            ),
+          );
+      a['default'] = c;
+    },
+    Vzub: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        r = t('m/eG'),
+        c = t('Ue1A'),
+        o = t('zsHu'),
+        s = t('2BaD'),
+        u = t('RCxd'),
+        m = t('Icgb'),
+        i = t('wlus'),
+        b = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(r['u'], { orientation: 'left' }, 'Without icon'),
+            n.a.createElement(
+              'div',
+              null,
+              n.a.createElement(r['ab'], { color: 'success' }, 'success'),
+              n.a.createElement(r['ab'], { color: 'processing' }, 'processing'),
+              n.a.createElement(r['ab'], { color: 'error' }, 'error'),
+              n.a.createElement(r['ab'], { color: 'warning' }, 'warning'),
+              n.a.createElement(r['ab'], { color: 'default' }, 'default'),
+            ),
+            n.a.createElement(r['u'], { orientation: 'left' }, 'With icon'),
+            n.a.createElement(
+              'div',
+              null,
+              n.a.createElement(
+                r['ab'],
+                { icon: n.a.createElement(c['a'], null), color: 'success' },
+                'success',
+              ),
+              n.a.createElement(
+                r['ab'],
+                {
+                  icon: n.a.createElement(o['a'], { spin: !0 }),
+                  color: 'processing',
+                },
+                'processing',
+              ),
+              n.a.createElement(
+                r['ab'],
+                { icon: n.a.createElement(s['a'], null), color: 'error' },
+                'error',
+              ),
+              n.a.createElement(
+                r['ab'],
+                { icon: n.a.createElement(u['a'], null), color: 'warning' },
+                'warning',
+              ),
+              n.a.createElement(
+                r['ab'],
+                { icon: n.a.createElement(m['a'], null), color: 'default' },
+                'waiting',
+              ),
+              n.a.createElement(
+                r['ab'],
+                { icon: n.a.createElement(i['a'], null), color: 'default' },
+                'stop',
+              ),
+            ),
+          );
+      a['default'] = b;
+    },
+    cbNY: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        o = () => {
+          var e = Object(n['useState'])(!1),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            o = a[1];
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              c['ab'],
+              { closable: !0, visible: t, onClose: () => o(!1) },
+              'Movies',
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['i'],
+              { size: 'small', onClick: () => o(!t) },
+              'Toggle',
+            ),
+          );
+        };
+      a['default'] = o;
+    },
+    cyon: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        r = t('m/eG'),
+        c = () => {
+          var e = (e) => {
+              console.log(e);
+            },
+            a = (e) => {
+              e.preventDefault(), console.log('Clicked! But prevent default.');
+            };
+          return n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(r['ab'], null, 'Tag 1'),
+            n.a.createElement(
+              r['ab'],
+              null,
+              n.a.createElement(
+                'a',
+                {
+                  href: 'https://github.com/ant-design/ant-design/issues/1862',
+                },
+                'Link',
+              ),
+            ),
+            n.a.createElement(r['ab'], { closable: !0, onClose: e }, 'Tag 2'),
+            n.a.createElement(
+              r['ab'],
+              { closable: !0, onClose: a },
+              'Prevent Default',
+            ),
+          );
+        };
+      a['default'] = c;
+    },
+    vbKZ: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        o = t('6y1p'),
+        s = t('xvlK'),
+        u = () => {
+          var e = Object(n['useState'])(['Tag 1', 'Tag 2', 'Tag 3']),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            u = a[1],
+            m = Object(n['useState'])(!1),
+            i = Object(l['a'])(m, 2),
+            b = i[0],
+            E = i[1],
+            g = Object(n['useState'])(''),
+            f = Object(l['a'])(g, 2),
+            v = f[0],
+            d = f[1],
+            p = Object(n['useRef'])();
+          Object(n['useEffect'])(() => {
+            b && p.current.focus();
+          }, [b]);
+          var O = (e) => {
+              var a = t.filter((a) => a !== e);
+              u(a);
+            },
+            j = () => {
+              E(!0);
+            },
+            k = (e) => {
+              d(e.target.value);
+            },
+            y = () => {
+              v && -1 === t.indexOf(v) && (t = [...t, v]),
+                console.log(t),
+                u(t),
+                E(!1),
+                d('');
+            },
+            C = (e) => {
+              var a = r.a.createElement(
+                c['ab'],
+                {
+                  closable: !0,
+                  onClose: (a) => {
+                    a.preventDefault(), O(e);
+                  },
+                },
+                e,
+              );
+              return r.a.createElement(
+                'span',
+                { key: e, style: { display: 'inline-block' } },
+                a,
+              );
+            },
+            h = t.map(C);
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              'div',
+              { style: { marginBottom: 16 } },
+              r.a.createElement(
+                o['a'],
+                {
+                  enter: {
+                    scale: 0.8,
+                    opacity: 0,
+                    type: 'from',
+                    duration: 100,
+                    onComplete: (e) => {
+                      e.target.style = '';
+                    },
+                  },
+                  leave: { opacity: 0, width: 0, scale: 0, duration: 200 },
+                  appear: !1,
+                },
+                h,
+              ),
+            ),
+            b &&
+              r.a.createElement(c['A'], {
+                ref: p,
+                type: 'text',
+                size: 'small',
+                style: { width: 78 },
+                value: v,
+                onChange: k,
+                onBlur: y,
+                onPressEnter: y,
+              }),
+            !b &&
+              r.a.createElement(
+                c['ab'],
+                { onClick: j, className: 'site-tag-plus' },
+                r.a.createElement(s['a'], null),
+                ' New Tag',
+              ),
+          );
+        };
+      a['default'] = u;
+    },
+  },
+]);