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

package/docs-dist/demos_oidar.js

@@ -1 +1,340 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[94],{"/8bH":function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),u=t.n(n),r=t("m/eG"),c=()=>{var e=Object(n["useState"])(1),a=Object(l["a"])(e,2),t=a[0],c=a[1],o=e=>{console.log("radio checked",e.target.value),c(e.target.value)};return u.a.createElement(r["M"].Group,{onChange:o,value:t},u.a.createElement(r["M"],{value:1},"A"),u.a.createElement(r["M"],{value:2},"B"),u.a.createElement(r["M"],{value:3},"C"),u.a.createElement(r["M"],{value:4},"D"))};a["default"]=c},"2odM":function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),u=t("m/eG"),r=()=>{var e=e=>{console.log("radio1 checked",e.target.value)};return n.a.createElement(n.a.Fragment,null,n.a.createElement(u["M"].Group,{onChange:e,defaultValue:"a"},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")),n.a.createElement(u["M"].Group,{onChange:e,defaultValue:"a",style:{marginTop:16}},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b",disabled:!0},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")),n.a.createElement(u["M"].Group,{disabled:!0,onChange:e,defaultValue:"a",style:{marginTop:16}},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")))};a["default"]=r},"4dX1":function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),u=t("m/eG"),r=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(u["M"].Group,{defaultValue:"a",buttonStyle:"solid"},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")),n.a.createElement(u["M"].Group,{defaultValue:"c",buttonStyle:"solid",style:{marginTop:16}},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b",disabled:!0},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")));a["default"]=r},Jdz7:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),u=t.n(n),r=t("m/eG"),c=()=>{var e=Object(n["useState"])(!0),a=Object(l["a"])(e,2),t=a[0],c=a[1],o=()=>{c(!t)};return u.a.createElement(u.a.Fragment,null,u.a.createElement(r["M"],{defaultChecked:!1,disabled:t},"Disabled"),u.a.createElement(r["M"],{defaultChecked:!0,disabled:t},"Disabled"),u.a.createElement("br",null),u.a.createElement(r["i"],{type:"primary",onClick:o,style:{marginTop:16}},"Toggle disabled"))};a["default"]=c},OwfD:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),u=t.n(n),r=t("m/eG"),c=()=>{var e=Object(n["useState"])(1),a=Object(l["a"])(e,2),t=a[0],c=a[1],o=e=>{console.log("radio checked",e.target.value),c(e.target.value)};return u.a.createElement(r["M"].Group,{onChange:o,value:t},u.a.createElement(r["T"],{direction:"vertical"},u.a.createElement(r["M"],{value:1},"Option A"),u.a.createElement(r["M"],{value:2},"Option B"),u.a.createElement(r["M"],{value:3},"Option C"),u.a.createElement(r["M"],{value:4},"More...",4===t?u.a.createElement(r["A"],{style:{width:100,marginLeft:10}}):null)))};a["default"]=c},Ul1R:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),u=t("m/eG"),r=()=>n.a.createElement(u["M"].Group,{name:"radiogroup",defaultValue:1},n.a.createElement(u["M"],{value:1},"A"),n.a.createElement(u["M"],{value:2},"B"),n.a.createElement(u["M"],{value:3},"C"),n.a.createElement(u["M"],{value:4},"D"));a["default"]=r},nGQs:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),u=t.n(n),r=t("m/eG"),c=["Apple","Pear","Orange"],o=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],m=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],i=()=>{var e=Object(n["useState"])(1),a=Object(l["a"])(e,2),t=a[0],i=a[1],v=Object(n["useState"])(1),g=Object(l["a"])(v,2),d=g[0],E=g[1],M=Object(n["useState"])(1),s=Object(l["a"])(M,2),h=s[0],b=s[1],p=Object(n["useState"])(1),B=Object(l["a"])(p,2),f=B[0],G=B[1],j=e=>{console.log("radio1 checked",e.target.value),i(e.target.value)},C=e=>{console.log("radio2 checked",e.target.value),E(e.target.value)},O=e=>{console.log("radio3 checked",e.target.value),b(e.target.value)},S=e=>{console.log("radio4 checked",e.target.value),G(e.target.value)};return u.a.createElement(u.a.Fragment,null,u.a.createElement(r["M"].Group,{options:c,onChange:j,value:t}),u.a.createElement("br",null),u.a.createElement(r["M"].Group,{options:m,onChange:C,value:d}),u.a.createElement("br",null),u.a.createElement("br",null),u.a.createElement(r["M"].Group,{options:o,onChange:O,value:h,optionType:"button"}),u.a.createElement("br",null),u.a.createElement("br",null),u.a.createElement(r["M"].Group,{options:m,onChange:S,value:f,optionType:"button",buttonStyle:"solid"}))};a["default"]=i},pWG0:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),u=t("m/eG"),r=()=>n.a.createElement(u["M"],null,"Radio");a["default"]=r},ujNu:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),u=t("m/eG"),r=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(u["M"].Group,{defaultValue:"a",size:"large"},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")),n.a.createElement(u["M"].Group,{defaultValue:"a",style:{marginTop:16}},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")),n.a.createElement(u["M"].Group,{defaultValue:"a",size:"small",style:{marginTop:16}},n.a.createElement(u["M"].Button,{value:"a"},"Hangzhou"),n.a.createElement(u["M"].Button,{value:"b"},"Shanghai"),n.a.createElement(u["M"].Button,{value:"c"},"Beijing"),n.a.createElement(u["M"].Button,{value:"d"},"Chengdu")));a["default"]=r}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [94],
+  {
+    '/8bH': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        u = t.n(n),
+        r = t('m/eG'),
+        c = () => {
+          var e = Object(n['useState'])(1),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            c = a[1],
+            o = (e) => {
+              console.log('radio checked', e.target.value), c(e.target.value);
+            };
+          return u.a.createElement(
+            r['M'].Group,
+            { onChange: o, value: t },
+            u.a.createElement(r['M'], { value: 1 }, 'A'),
+            u.a.createElement(r['M'], { value: 2 }, 'B'),
+            u.a.createElement(r['M'], { value: 3 }, 'C'),
+            u.a.createElement(r['M'], { value: 4 }, 'D'),
+          );
+        };
+      a['default'] = c;
+    },
+    '2odM': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        u = t('m/eG'),
+        r = () => {
+          var e = (e) => {
+            console.log('radio1 checked', e.target.value);
+          };
+          return n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              u['M'].Group,
+              { onChange: e, defaultValue: 'a' },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+            n.a.createElement(
+              u['M'].Group,
+              { onChange: e, defaultValue: 'a', style: { marginTop: 16 } },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(
+                u['M'].Button,
+                { value: 'b', disabled: !0 },
+                'Shanghai',
+              ),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+            n.a.createElement(
+              u['M'].Group,
+              {
+                disabled: !0,
+                onChange: e,
+                defaultValue: 'a',
+                style: { marginTop: 16 },
+              },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+          );
+        };
+      a['default'] = r;
+    },
+    '4dX1': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        u = t('m/eG'),
+        r = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              u['M'].Group,
+              { defaultValue: 'a', buttonStyle: 'solid' },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+            n.a.createElement(
+              u['M'].Group,
+              {
+                defaultValue: 'c',
+                buttonStyle: 'solid',
+                style: { marginTop: 16 },
+              },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(
+                u['M'].Button,
+                { value: 'b', disabled: !0 },
+                'Shanghai',
+              ),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+          );
+      a['default'] = r;
+    },
+    Jdz7: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        u = t.n(n),
+        r = t('m/eG'),
+        c = () => {
+          var e = Object(n['useState'])(!0),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            c = a[1],
+            o = () => {
+              c(!t);
+            };
+          return u.a.createElement(
+            u.a.Fragment,
+            null,
+            u.a.createElement(
+              r['M'],
+              { defaultChecked: !1, disabled: t },
+              'Disabled',
+            ),
+            u.a.createElement(
+              r['M'],
+              { defaultChecked: !0, disabled: t },
+              'Disabled',
+            ),
+            u.a.createElement('br', null),
+            u.a.createElement(
+              r['i'],
+              { type: 'primary', onClick: o, style: { marginTop: 16 } },
+              'Toggle disabled',
+            ),
+          );
+        };
+      a['default'] = c;
+    },
+    OwfD: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        u = t.n(n),
+        r = t('m/eG'),
+        c = () => {
+          var e = Object(n['useState'])(1),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            c = a[1],
+            o = (e) => {
+              console.log('radio checked', e.target.value), c(e.target.value);
+            };
+          return u.a.createElement(
+            r['M'].Group,
+            { onChange: o, value: t },
+            u.a.createElement(
+              r['T'],
+              { direction: 'vertical' },
+              u.a.createElement(r['M'], { value: 1 }, 'Option A'),
+              u.a.createElement(r['M'], { value: 2 }, 'Option B'),
+              u.a.createElement(r['M'], { value: 3 }, 'Option C'),
+              u.a.createElement(
+                r['M'],
+                { value: 4 },
+                'More...',
+                4 === t
+                  ? u.a.createElement(r['A'], {
+                      style: { width: 100, marginLeft: 10 },
+                    })
+                  : null,
+              ),
+            ),
+          );
+        };
+      a['default'] = c;
+    },
+    Ul1R: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        u = t('m/eG'),
+        r = () =>
+          n.a.createElement(
+            u['M'].Group,
+            { name: 'radiogroup', defaultValue: 1 },
+            n.a.createElement(u['M'], { value: 1 }, 'A'),
+            n.a.createElement(u['M'], { value: 2 }, 'B'),
+            n.a.createElement(u['M'], { value: 3 }, 'C'),
+            n.a.createElement(u['M'], { value: 4 }, 'D'),
+          );
+      a['default'] = r;
+    },
+    nGQs: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        u = t.n(n),
+        r = t('m/eG'),
+        c = ['Apple', 'Pear', 'Orange'],
+        o = [
+          { label: 'Apple', value: 'Apple' },
+          { label: 'Pear', value: 'Pear' },
+          { label: 'Orange', value: 'Orange' },
+        ],
+        m = [
+          { label: 'Apple', value: 'Apple' },
+          { label: 'Pear', value: 'Pear' },
+          { label: 'Orange', value: 'Orange', disabled: !0 },
+        ],
+        i = () => {
+          var e = Object(n['useState'])(1),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            i = a[1],
+            v = Object(n['useState'])(1),
+            g = Object(l['a'])(v, 2),
+            d = g[0],
+            E = g[1],
+            M = Object(n['useState'])(1),
+            s = Object(l['a'])(M, 2),
+            h = s[0],
+            b = s[1],
+            p = Object(n['useState'])(1),
+            B = Object(l['a'])(p, 2),
+            f = B[0],
+            G = B[1],
+            j = (e) => {
+              console.log('radio1 checked', e.target.value), i(e.target.value);
+            },
+            C = (e) => {
+              console.log('radio2 checked', e.target.value), E(e.target.value);
+            },
+            O = (e) => {
+              console.log('radio3 checked', e.target.value), b(e.target.value);
+            },
+            S = (e) => {
+              console.log('radio4 checked', e.target.value), G(e.target.value);
+            };
+          return u.a.createElement(
+            u.a.Fragment,
+            null,
+            u.a.createElement(r['M'].Group, {
+              options: c,
+              onChange: j,
+              value: t,
+            }),
+            u.a.createElement('br', null),
+            u.a.createElement(r['M'].Group, {
+              options: m,
+              onChange: C,
+              value: d,
+            }),
+            u.a.createElement('br', null),
+            u.a.createElement('br', null),
+            u.a.createElement(r['M'].Group, {
+              options: o,
+              onChange: O,
+              value: h,
+              optionType: 'button',
+            }),
+            u.a.createElement('br', null),
+            u.a.createElement('br', null),
+            u.a.createElement(r['M'].Group, {
+              options: m,
+              onChange: S,
+              value: f,
+              optionType: 'button',
+              buttonStyle: 'solid',
+            }),
+          );
+        };
+      a['default'] = i;
+    },
+    pWG0: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        u = t('m/eG'),
+        r = () => n.a.createElement(u['M'], null, 'Radio');
+      a['default'] = r;
+    },
+    ujNu: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('q1tI'),
+        n = t.n(l),
+        u = t('m/eG'),
+        r = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              u['M'].Group,
+              { defaultValue: 'a', size: 'large' },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+            n.a.createElement(
+              u['M'].Group,
+              { defaultValue: 'a', style: { marginTop: 16 } },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+            n.a.createElement(
+              u['M'].Group,
+              { defaultValue: 'a', size: 'small', style: { marginTop: 16 } },
+              n.a.createElement(u['M'].Button, { value: 'a' }, 'Hangzhou'),
+              n.a.createElement(u['M'].Button, { value: 'b' }, 'Shanghai'),
+              n.a.createElement(u['M'].Button, { value: 'c' }, 'Beijing'),
+              n.a.createElement(u['M'].Button, { value: 'd' }, 'Chengdu'),
+            ),
+          );
+      a['default'] = r;
+    },
+  },
+]);

package/docs-dist/demos_pitloot.js

@@ -1 +1,204 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[95],{"4ySu":function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("m/eG"),m=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(r["db"],{placement:"topLeft",title:"Prompt Text"},n.a.createElement(r["i"],null,"Align edge / \u8fb9\u7f18\u5bf9\u9f50")),n.a.createElement(r["db"],{placement:"topLeft",title:"Prompt Text",arrowPointAtCenter:!0},n.a.createElement(r["i"],null,"Arrow points to center / \u7bad\u5934\u6307\u5411\u4e2d\u5fc3")));t["default"]=m},"57p6":function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("m/eG"),m=()=>{var e=["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"],t=["#f50","#2db7f5","#87d068","#108ee9"];return n.a.createElement(n.a.Fragment,null,n.a.createElement(r["u"],{orientation:"left"},"Presets"),n.a.createElement("div",null,e.map((e=>n.a.createElement(r["db"],{title:"prompt text",color:e,key:e},n.a.createElement(r["i"],null,e))))),n.a.createElement(r["u"],{orientation:"left"},"Custom"),n.a.createElement("div",null,t.map((e=>n.a.createElement(r["db"],{title:"prompt text",color:e,key:e},n.a.createElement(r["i"],null,e))))))};t["default"]=m},U2Rw:function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("m/eG"),m=()=>n.a.createElement(r["db"],{title:"prompt text"},n.a.createElement("span",null,"Tooltip will show on mouse enter."));t["default"]=m},WK35:function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("m/eG"),m=()=>{var e=n.a.createElement("span",null,"prompt text"),t=70;return n.a.createElement("div",{className:"demo"},n.a.createElement("div",{style:{marginLeft:t,whiteSpace:"nowrap"}},n.a.createElement(r["db"],{placement:"topLeft",title:e},n.a.createElement(r["i"],null,"TL")),n.a.createElement(r["db"],{placement:"top",title:e},n.a.createElement(r["i"],null,"Top")),n.a.createElement(r["db"],{placement:"topRight",title:e},n.a.createElement(r["i"],null,"TR"))),n.a.createElement("div",{style:{width:t,float:"left"}},n.a.createElement(r["db"],{placement:"leftTop",title:e},n.a.createElement(r["i"],null,"LT")),n.a.createElement(r["db"],{placement:"left",title:e},n.a.createElement(r["i"],null,"Left")),n.a.createElement(r["db"],{placement:"leftBottom",title:e},n.a.createElement(r["i"],null,"LB"))),n.a.createElement("div",{style:{width:t,marginLeft:4*t+24}},n.a.createElement(r["db"],{placement:"rightTop",title:e},n.a.createElement(r["i"],null,"RT")),n.a.createElement(r["db"],{placement:"right",title:e},n.a.createElement(r["i"],null,"Right")),n.a.createElement(r["db"],{placement:"rightBottom",title:e},n.a.createElement(r["i"],null,"RB"))),n.a.createElement("div",{style:{marginLeft:t,clear:"both",whiteSpace:"nowrap"}},n.a.createElement(r["db"],{placement:"bottomLeft",title:e},n.a.createElement(r["i"],null,"BL")),n.a.createElement(r["db"],{placement:"bottom",title:e},n.a.createElement(r["i"],null,"Bottom")),n.a.createElement(r["db"],{placement:"bottomRight",title:e},n.a.createElement(r["i"],null,"BR"))))};t["default"]=m}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [95],
+  {
+    '4ySu': function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('m/eG'),
+        m = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              r['db'],
+              { placement: 'topLeft', title: 'Prompt Text' },
+              n.a.createElement(
+                r['i'],
+                null,
+                'Align edge / \u8fb9\u7f18\u5bf9\u9f50',
+              ),
+            ),
+            n.a.createElement(
+              r['db'],
+              {
+                placement: 'topLeft',
+                title: 'Prompt Text',
+                arrowPointAtCenter: !0,
+              },
+              n.a.createElement(
+                r['i'],
+                null,
+                'Arrow points to center / \u7bad\u5934\u6307\u5411\u4e2d\u5fc3',
+              ),
+            ),
+          );
+      t['default'] = m;
+    },
+    '57p6': function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('m/eG'),
+        m = () => {
+          var e = [
+              'pink',
+              'red',
+              'yellow',
+              'orange',
+              'cyan',
+              'green',
+              'blue',
+              'purple',
+              'geekblue',
+              'magenta',
+              'volcano',
+              'gold',
+              'lime',
+            ],
+            t = ['#f50', '#2db7f5', '#87d068', '#108ee9'];
+          return n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(r['u'], { orientation: 'left' }, 'Presets'),
+            n.a.createElement(
+              'div',
+              null,
+              e.map((e) =>
+                n.a.createElement(
+                  r['db'],
+                  { title: 'prompt text', color: e, key: e },
+                  n.a.createElement(r['i'], null, e),
+                ),
+              ),
+            ),
+            n.a.createElement(r['u'], { orientation: 'left' }, 'Custom'),
+            n.a.createElement(
+              'div',
+              null,
+              t.map((e) =>
+                n.a.createElement(
+                  r['db'],
+                  { title: 'prompt text', color: e, key: e },
+                  n.a.createElement(r['i'], null, e),
+                ),
+              ),
+            ),
+          );
+        };
+      t['default'] = m;
+    },
+    U2Rw: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('m/eG'),
+        m = () =>
+          n.a.createElement(
+            r['db'],
+            { title: 'prompt text' },
+            n.a.createElement(
+              'span',
+              null,
+              'Tooltip will show on mouse enter.',
+            ),
+          );
+      t['default'] = m;
+    },
+    WK35: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('m/eG'),
+        m = () => {
+          var e = n.a.createElement('span', null, 'prompt text'),
+            t = 70;
+          return n.a.createElement(
+            'div',
+            { className: 'demo' },
+            n.a.createElement(
+              'div',
+              { style: { marginLeft: t, whiteSpace: 'nowrap' } },
+              n.a.createElement(
+                r['db'],
+                { placement: 'topLeft', title: e },
+                n.a.createElement(r['i'], null, 'TL'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'top', title: e },
+                n.a.createElement(r['i'], null, 'Top'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'topRight', title: e },
+                n.a.createElement(r['i'], null, 'TR'),
+              ),
+            ),
+            n.a.createElement(
+              'div',
+              { style: { width: t, float: 'left' } },
+              n.a.createElement(
+                r['db'],
+                { placement: 'leftTop', title: e },
+                n.a.createElement(r['i'], null, 'LT'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'left', title: e },
+                n.a.createElement(r['i'], null, 'Left'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'leftBottom', title: e },
+                n.a.createElement(r['i'], null, 'LB'),
+              ),
+            ),
+            n.a.createElement(
+              'div',
+              { style: { width: t, marginLeft: 4 * t + 24 } },
+              n.a.createElement(
+                r['db'],
+                { placement: 'rightTop', title: e },
+                n.a.createElement(r['i'], null, 'RT'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'right', title: e },
+                n.a.createElement(r['i'], null, 'Right'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'rightBottom', title: e },
+                n.a.createElement(r['i'], null, 'RB'),
+              ),
+            ),
+            n.a.createElement(
+              'div',
+              { style: { marginLeft: t, clear: 'both', whiteSpace: 'nowrap' } },
+              n.a.createElement(
+                r['db'],
+                { placement: 'bottomLeft', title: e },
+                n.a.createElement(r['i'], null, 'BL'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'bottom', title: e },
+                n.a.createElement(r['i'], null, 'Bottom'),
+              ),
+              n.a.createElement(
+                r['db'],
+                { placement: 'bottomRight', title: e },
+                n.a.createElement(r['i'], null, 'BR'),
+              ),
+            ),
+          );
+        };
+      t['default'] = m;
+    },
+  },
+]);

package/docs-dist/demos_pot-kcab.js

@@ -1 +1,62 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[96],{dhdq:function(e,t,l){"use strict";l.r(t);var o=l("q1tI"),n=l.n(o),a=l("m/eG"),r=()=>{var e={height:40,width:40,lineHeight:"40px",borderRadius:4,backgroundColor:"#1088e9",color:"#fff",textAlign:"center",fontSize:14};return n.a.createElement("div",{style:{height:"600vh",padding:8}},n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement("div",null,"Scroll to bottom"),n.a.createElement(a["f"],null,n.a.createElement("div",{style:e},"UP")))};t["default"]=r},uE5H:function(e,t,l){"use strict";l.r(t);var o=l("q1tI"),n=l.n(o),a=l("m/eG"),r=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement(a["f"],null),"Scroll down to see the bottom-right",n.a.createElement("strong",{className:"site-back-top-basic"}," gray "),"button.");t["default"]=r}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [96],
+  {
+    dhdq: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var o = l('q1tI'),
+        n = l.n(o),
+        a = l('m/eG'),
+        r = () => {
+          var e = {
+            height: 40,
+            width: 40,
+            lineHeight: '40px',
+            borderRadius: 4,
+            backgroundColor: '#1088e9',
+            color: '#fff',
+            textAlign: 'center',
+            fontSize: 14,
+          };
+          return n.a.createElement(
+            'div',
+            { style: { height: '600vh', padding: 8 } },
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement('div', null, 'Scroll to bottom'),
+            n.a.createElement(
+              a['f'],
+              null,
+              n.a.createElement('div', { style: e }, 'UP'),
+            ),
+          );
+        };
+      t['default'] = r;
+    },
+    uE5H: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var o = l('q1tI'),
+        n = l.n(o),
+        a = l('m/eG'),
+        r = () =>
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(a['f'], null),
+            'Scroll down to see the bottom-right',
+            n.a.createElement(
+              'strong',
+              { className: 'site-back-top-basic' },
+              ' gray ',
+            ),
+            'button.',
+          );
+      t['default'] = r;
+    },
+  },
+]);