diff --git a/1415-e33a2a61ddbf51b57c9e.js b/1415-f0eaee3e24072c46ec89.js similarity index 99% rename from 1415-e33a2a61ddbf51b57c9e.js rename to 1415-f0eaee3e24072c46ec89.js index 4141f1df5..6a355947b 100644 --- a/1415-e33a2a61ddbf51b57c9e.js +++ b/1415-f0eaee3e24072c46ec89.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1415],{77148:(e,t,n)=>{"use strict";n.d(t,{F:()=>_});var i=n(59312),a=n(24246),r=n(27378),l=n(60042),s=n.n(l),c=n(45300),o=n(26608),u=n(28627).Z,d=n(52074),f=n(36055),h=n(98407),m=n(82285),v=function(e){var t=e.showSearch,n=e.classNamePrefix,r=e.searchPlaceholder,l=e.i18n,s=e.handleInputChange,c=e.inputVal;return t?(0,a.jsx)("div",(0,i.pi)({className:n+"__search","data-zv":"10.0.10"},{children:(0,a.jsx)(m.I,{placeholder:r||l.placeholder,icon:"search",onChange:s,value:c,showClear:!0},void 0)}),void 0):null},g=n(68150),p=function(e){var t=e.classNamePrefix,n=e.isAllChecked,l=e.handleCheckBoxChange,s=e.compontentDisabled,c=e.i18n,o=e.selectedKeysLength,u=e.listDataLength,d=e.title,f=(0,r.useCallback)((function(e){var t=e.item,n=e.items,i=u+" "+(u>1?n:t);return o>0?d?d+"（"+o+"/"+i+"）":o+"/"+i:d?d+"（"+i+"）":i}),[d,u,o]);return(0,a.jsx)("div",(0,i.pi)({className:t+"__allCheckbox","data-zv":"10.0.10"},{children:(0,a.jsx)(g.ZP,(0,i.pi)({checked:n,indeterminate:o&&!n,onChange:l,disabled:s},{children:f(c)}),void 0)}),void 0)},y=function(e){var t=e.prefix,n=e.title,l=e.dataSets,m=e.selectedKeys,g=e.handleSelectChange,y=e.keyName,b=e.filterOption,C=e.showSearch,N=e.searchPlaceholder,k=e.list,_=e.pagination,K=e.disabled,S=t+"__item",x="object"==typeof _?_.pageSize:10,w=k.columns,L=k.selection,P=(0,i._T)(k,["columns","selection"]),j=(0,r.useState)(""),R=j[0],z=j[1],Z=(0,r.useState)(l),M=Z[0],O=Z[1],T=(0,r.useState)(1),A=T[0],J=T[1],D=(0,r.useMemo)((function(){return(0,h.Q1)(M,y)}),[M,y]),G=(0,r.useMemo)((function(){return m.filter((function(e){return!D.includes(e)})).length}),[D,m]),B=(0,r.useMemo)((function(){return G&&G===M.filter((function(e){return!e.disabled})).length}),[M,G]),E=(0,r.useCallback)((function(e){var t=e.disabled;return{disabled:K||t}}),[K]),I=(0,r.useCallback)((function(){var e=M.map((function(e){return e[y]}));g(e.filter((function(e){return B?D.includes(e)&&m.includes(e):!D.includes(e)||m.includes(e)})))}),[g,M,m,y,D,B]),Q=(0,r.useCallback)((function(e){var t=e.target.value;z(t)}),[]),H=(0,r.useCallback)((function(e){var t=e,n=t[y];!t.disabled&&!K&&g(m.includes(n)?m.filter((function(e){return n!==e})):m.concat(n))}),[g,m,y,K]),V=(0,r.useCallback)((function(e){var t=e.current;J(t)}),[]),F=(0,r.useMemo)((function(){return _?M.slice(A*x-x,A*x):M}),[M,A,_,x]),q=(0,r.useMemo)((function(){var e;return(null===(e=w[0])||void 0===e?void 0:e.title)?w:w.map((function(e){return(0,i.pi)((0,i.pi)({},e),{title:""})}))}),[w]);return(0,r.useEffect)((function(){O(C&&b?l.filter((function(e){return b(R,e)})):l)}),[l,b,R,C]),(0,r.useEffect)((function(){if(_&&M.length){var e=Math.ceil(M.length/x);A>e&&J(e)}}),[M,A,x,_]),(0,a.jsx)(d.Z,(0,i.pi)({componentName:"Transfer"},{children:function(e){var t,r,l,d;return(0,a.jsxs)("div",(0,i.pi)({className:s()(S,(t={},t[S+"--disabled"]=K,t)),"data-zv":"10.0.10"},{children:[(0,a.jsx)(p,{classNamePrefix:S,isAllChecked:B,handleCheckBoxChange:I,compontentDisabled:K,i18n:e,selectedKeysLength:G,listDataLength:M.length,title:n},void 0),(0,a.jsx)(v,{showSearch:C,searchPlaceholder:N,handleInputChange:Q,inputVal:R,classNamePrefix:S,i18n:e},void 0),(0,a.jsx)(u,(0,i.pi)({rowKey:y,className:s()(S+"__grid",(r={},r[S+"__header--hidden"]=0==!!(null===(d=w[0])||void 0===d?void 0:d.title),r)),rowClassName:s()(S+"__grid__row",(l={},l[S+"__grid__row--disabled"]=K,l)),datasets:F,selection:{selectedRowKeys:m,onSelect:g,getCheckboxProps:(null==L?void 0:L.getCheckboxProps)||E},columns:q,onRowClick:H,emptyLabel:e.emptyLabel,scroll:{y:240}},(0,c.Z)(P,o.ij)),void 0),_&&M.length?(0,a.jsx)(f.Z,{className:S+"__pagination",current:A,pageSize:x,total:M.length,onChange:V},void 0):null]}),void 0)}}),void 0)},b=n(90347),C=n(27036),N=function(e){var t,n=e.direction,r=e.onChange,l=e.disabled,c=e.prefix;return(0,a.jsx)(b.ZP,(0,i.pi)({type:l?"default":"primary",disabled:l,onClick:r,className:c+"__arrow__button"},{children:(0,a.jsx)(C.Z,{type:o.Nm.Right===n?"right":"left",className:s()(c+"__arrow__icon",(t={},t[c+"__arrow__icon--disabled"]=l,t))},void 0)}),void 0)},k=n(1348),_=function(e){var t=e.keyName,n=e.dataSource,l=e.targetKeys,u=e.onChange,d=e.selectedKeys,f=e.onSelectChange,m=e.titles,v=e.showSearch,g=e.searchPlaceholder,p=e.filterOption,b=e.children,C=e.list,_=e.pagination,K=e.disabled,S=e.className,x="zent-transfer",w=(0,r.useState)(d),L=w[0],P=w[1],j=(0,r.useContext)(k.d).value,R=null!=K?K:j,z=(0,r.useMemo)((function(){return(0,h.Q1)(n,t)}),[n,t]),Z=(0,r.useCallback)((function(e){return Array.isArray(C)?o.Nm.Left===e?C[0]:C[1]:C}),[C]),M=(0,r.useCallback)((function(e){return o.Nm.Left===e?n.filter((function(e){var n=e[t];return!l.includes(n)})):l.map((function(e){return n.find((function(n){var i=n[t];return e===i}))}))}),[n,t,l]),O=(0,r.useCallback)((function(e){return L.filter((function(t){return o.Nm.Left===e?!l.includes(t):l.includes(t)}))}),[L,l]),T=(0,r.useCallback)((function(e){return function(t){var n=t.concat(O((0,h.fJ)(e)));f?f(n):P(n)}}),[O,f]),A=(0,r.useCallback)((function(e){var t=Z(e).columns,n=o.Nm.Left===e?null==t?void 0:t[0]:null==t?void 0:t[1];return Array.isArray(null==t?void 0:t[0])?n:t}),[Z]),J=(0,r.useCallback)((function(e){var t=e.direction,n=e.selectedKeys,i=e.handleSelectChange,r=e.title,l=e.keyName,s=e.dataSets,c=e.showSearch,o=e.searchPlaceholder,u=e.filterOption,d=e.list,f=e.prefix,h=b&&b({direction:t,selectedKeys:n,handleSelectChange:i});return null!=h?h:(0,a.jsx)(y,{title:r,direction:t,keyName:l,dataSets:s,selectedKeys:n,handleSelectChange:i,showSearch:c,searchPlaceholder:o,filterOption:u,list:d,prefix:f,pagination:_,disabled:R},void 0)}),[b,_,R]),D=(0,r.useCallback)((function(e){return function(){var t=(0,h.Gn)({direction:(0,h.fJ)(e),selectedKeys:L,targetKeys:l,disabledKeys:z}),n=L.filter((function(e){return!t.includes(e)}));P(n),u({targetKeys:o.Nm.Right===e?t.concat(l):l.filter((function(e){return!t.includes(e)})),direction:e,transferredKeys:t,selectedKeys:n})}}),[L,l,u,z]),G=(0,r.useCallback)((function(e){return(0,a.jsx)("div",(0,i.pi)({className:"zent-transfer__arrow__item","data-zv":"10.0.10"},{children:(0,a.jsx)(N,{disabled:R||!(0,h.Gn)({direction:(0,h.fJ)(e),selectedKeys:L,targetKeys:l,disabledKeys:z}).length,direction:e,onChange:D(e),prefix:x},void 0)}),void 0)}),[D,x,R,l,L,z]);return(0,r.useEffect)((function(){P(d)}),[d]),(0,a.jsxs)("div",(0,i.pi)({className:s()("zent-transfer",S),"data-zv":"10.0.10"},{children:[J({title:null==m?void 0:m[0],direction:o.Nm.Left,keyName:t,dataSets:(0,r.useMemo)((function(){return M(o.Nm.Left)}),[M]),selectedKeys:O(o.Nm.Left),handleSelectChange:T(o.Nm.Left),showSearch:v,searchPlaceholder:g,filterOption:p,list:(0,i.pi)({columns:A(o.Nm.Left)},(0,c.Z)(Z(o.Nm.Left),o.PR)),prefix:x,pagination:_,disabled:R}),(0,a.jsxs)("div",(0,i.pi)({className:"zent-transfer__arrow","data-zv":"10.0.10"},{children:[G(o.Nm.Right),G(o.Nm.Left)]}),void 0),J({title:null==m?void 0:m[1],direction:o.Nm.Right,keyName:t,dataSets:(0,r.useMemo)((function(){return M(o.Nm.Right)}),[M]),selectedKeys:O(o.Nm.Right),handleSelectChange:T(o.Nm.Right),showSearch:v,searchPlaceholder:g,filterOption:p,list:(0,i.pi)({columns:A(o.Nm.Right)},(0,c.Z)(Z(o.Nm.Right),o.PR)),prefix:x,pagination:_,disabled:R})]}),void 0)};_.defaultProps={titles:["Source","Target"],targetKeys:[],selectedKeys:[],showSearch:!1,searchPlaceholder:"",className:"",pagination:!1}},26608:(e,t,n)=>{"use strict";n.d(t,{Nm:()=>i,ij:()=>r,PR:()=>l});var i,a=n(59312);!function(e){e.Left="left",e.Right="right"}(i||(i={}));var r=["rowKey","scroll","emptyLabel","onRowClick","sortBy","sortType","defaultSortType","bordered","ellipsis","components","rowProps","autoStick","autoStickOffsetTop","disableHoverHighlight","onChange","loading","className","rowClassName"],l=(0,a.ev)(["selection"],r)},36603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var i=n(27378),a=n(26608),r=n(98407);function l(e){var t=e||{},n=t.targetKeys,l=void 0===n?[]:n,s=t.selectedKeys,c=void 0===s?[]:s,o=t.disabledKeys,u=void 0===o?[]:o,d=(0,i.useState)(l),f=d[0],h=d[1],m=(0,i.useState)(c),v=m[0],g=m[1],p=(0,i.useCallback)((function(e){return v.filter((function(t){return a.Nm.Left===e?!f.includes(t):f.includes(t)}))}),[v,f]),y=(0,i.useCallback)((function(e){var t=(0,r.Gn)({direction:(0,r.fJ)(e),selectedKeys:v,targetKeys:f,disabledKeys:u});g(v.filter((function(e){return!t.includes(e)}))),h(a.Nm.Right===e?t.concat(f):f.filter((function(e){return!t.includes(e)})))}),[v,f,u]),b=(0,i.useCallback)((function(e,t){g(t.concat(p((0,r.fJ)(e))))}),[p]),C=(0,i.useCallback)((function(e){g(e)}),[]),N=(0,i.useCallback)((function(e){h(e)}),[]);return{targetKeys:f,selectedKeys:v,transferKeys:y,changeSelectedKeys:b,resetSelectedKeys:C,resetTargetKeys:N}}},98407:(e,t,n)=>{"use strict";n.d(t,{fJ:()=>a,Q1:()=>r,Gn:()=>l});var i=n(26608),a=function(e){return i.Nm.Left===e?i.Nm.Right:i.Nm.Left},r=function(e,t){return e.filter((function(e){return e.disabled})).map((function(e){return e[t]}))},l=function(e){var t=e.direction,n=e.selectedKeys,a=e.targetKeys,r=e.disabledKeys;return n.filter((function(e){return!r.includes(e)&&(i.Nm.Left===t?!a.includes(e):a.includes(e))}))}},45300:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var i=n(72551);function a(e,t){return null==e?{}:t.reduce((function(t,n){return(0,i.n)(e,n)&&(t[n]=e[n]),t}),{})}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1415],{77148:(e,t,n)=>{"use strict";n.d(t,{F:()=>_});var i=n(59312),a=n(24246),r=n(27378),l=n(60042),s=n.n(l),c=n(45300),o=n(26608),u=n(26317).Z,d=n(52074),f=n(36055),h=n(98407),m=n(82285),v=function(e){var t=e.showSearch,n=e.classNamePrefix,r=e.searchPlaceholder,l=e.i18n,s=e.handleInputChange,c=e.inputVal;return t?(0,a.jsx)("div",(0,i.pi)({className:n+"__search","data-zv":"10.0.10"},{children:(0,a.jsx)(m.I,{placeholder:r||l.placeholder,icon:"search",onChange:s,value:c,showClear:!0},void 0)}),void 0):null},g=n(68150),p=function(e){var t=e.classNamePrefix,n=e.isAllChecked,l=e.handleCheckBoxChange,s=e.compontentDisabled,c=e.i18n,o=e.selectedKeysLength,u=e.listDataLength,d=e.title,f=(0,r.useCallback)((function(e){var t=e.item,n=e.items,i=u+" "+(u>1?n:t);return o>0?d?d+"（"+o+"/"+i+"）":o+"/"+i:d?d+"（"+i+"）":i}),[d,u,o]);return(0,a.jsx)("div",(0,i.pi)({className:t+"__allCheckbox","data-zv":"10.0.10"},{children:(0,a.jsx)(g.ZP,(0,i.pi)({checked:n,indeterminate:o&&!n,onChange:l,disabled:s},{children:f(c)}),void 0)}),void 0)},y=function(e){var t=e.prefix,n=e.title,l=e.dataSets,m=e.selectedKeys,g=e.handleSelectChange,y=e.keyName,b=e.filterOption,C=e.showSearch,N=e.searchPlaceholder,k=e.list,_=e.pagination,K=e.disabled,S=t+"__item",x="object"==typeof _?_.pageSize:10,w=k.columns,L=k.selection,P=(0,i._T)(k,["columns","selection"]),j=(0,r.useState)(""),R=j[0],z=j[1],Z=(0,r.useState)(l),M=Z[0],O=Z[1],T=(0,r.useState)(1),A=T[0],J=T[1],D=(0,r.useMemo)((function(){return(0,h.Q1)(M,y)}),[M,y]),G=(0,r.useMemo)((function(){return m.filter((function(e){return!D.includes(e)})).length}),[D,m]),B=(0,r.useMemo)((function(){return G&&G===M.filter((function(e){return!e.disabled})).length}),[M,G]),E=(0,r.useCallback)((function(e){var t=e.disabled;return{disabled:K||t}}),[K]),I=(0,r.useCallback)((function(){var e=M.map((function(e){return e[y]}));g(e.filter((function(e){return B?D.includes(e)&&m.includes(e):!D.includes(e)||m.includes(e)})))}),[g,M,m,y,D,B]),Q=(0,r.useCallback)((function(e){var t=e.target.value;z(t)}),[]),H=(0,r.useCallback)((function(e){var t=e,n=t[y];!t.disabled&&!K&&g(m.includes(n)?m.filter((function(e){return n!==e})):m.concat(n))}),[g,m,y,K]),V=(0,r.useCallback)((function(e){var t=e.current;J(t)}),[]),F=(0,r.useMemo)((function(){return _?M.slice(A*x-x,A*x):M}),[M,A,_,x]),q=(0,r.useMemo)((function(){var e;return(null===(e=w[0])||void 0===e?void 0:e.title)?w:w.map((function(e){return(0,i.pi)((0,i.pi)({},e),{title:""})}))}),[w]);return(0,r.useEffect)((function(){O(C&&b?l.filter((function(e){return b(R,e)})):l)}),[l,b,R,C]),(0,r.useEffect)((function(){if(_&&M.length){var e=Math.ceil(M.length/x);A>e&&J(e)}}),[M,A,x,_]),(0,a.jsx)(d.Z,(0,i.pi)({componentName:"Transfer"},{children:function(e){var t,r,l,d;return(0,a.jsxs)("div",(0,i.pi)({className:s()(S,(t={},t[S+"--disabled"]=K,t)),"data-zv":"10.0.10"},{children:[(0,a.jsx)(p,{classNamePrefix:S,isAllChecked:B,handleCheckBoxChange:I,compontentDisabled:K,i18n:e,selectedKeysLength:G,listDataLength:M.length,title:n},void 0),(0,a.jsx)(v,{showSearch:C,searchPlaceholder:N,handleInputChange:Q,inputVal:R,classNamePrefix:S,i18n:e},void 0),(0,a.jsx)(u,(0,i.pi)({rowKey:y,className:s()(S+"__grid",(r={},r[S+"__header--hidden"]=0==!!(null===(d=w[0])||void 0===d?void 0:d.title),r)),rowClassName:s()(S+"__grid__row",(l={},l[S+"__grid__row--disabled"]=K,l)),datasets:F,selection:{selectedRowKeys:m,onSelect:g,getCheckboxProps:(null==L?void 0:L.getCheckboxProps)||E},columns:q,onRowClick:H,emptyLabel:e.emptyLabel,scroll:{y:240}},(0,c.Z)(P,o.ij)),void 0),_&&M.length?(0,a.jsx)(f.Z,{className:S+"__pagination",current:A,pageSize:x,total:M.length,onChange:V},void 0):null]}),void 0)}}),void 0)},b=n(90347),C=n(27036),N=function(e){var t,n=e.direction,r=e.onChange,l=e.disabled,c=e.prefix;return(0,a.jsx)(b.ZP,(0,i.pi)({type:l?"default":"primary",disabled:l,onClick:r,className:c+"__arrow__button"},{children:(0,a.jsx)(C.Z,{type:o.Nm.Right===n?"right":"left",className:s()(c+"__arrow__icon",(t={},t[c+"__arrow__icon--disabled"]=l,t))},void 0)}),void 0)},k=n(1348),_=function(e){var t=e.keyName,n=e.dataSource,l=e.targetKeys,u=e.onChange,d=e.selectedKeys,f=e.onSelectChange,m=e.titles,v=e.showSearch,g=e.searchPlaceholder,p=e.filterOption,b=e.children,C=e.list,_=e.pagination,K=e.disabled,S=e.className,x="zent-transfer",w=(0,r.useState)(d),L=w[0],P=w[1],j=(0,r.useContext)(k.d).value,R=null!=K?K:j,z=(0,r.useMemo)((function(){return(0,h.Q1)(n,t)}),[n,t]),Z=(0,r.useCallback)((function(e){return Array.isArray(C)?o.Nm.Left===e?C[0]:C[1]:C}),[C]),M=(0,r.useCallback)((function(e){return o.Nm.Left===e?n.filter((function(e){var n=e[t];return!l.includes(n)})):l.map((function(e){return n.find((function(n){var i=n[t];return e===i}))}))}),[n,t,l]),O=(0,r.useCallback)((function(e){return L.filter((function(t){return o.Nm.Left===e?!l.includes(t):l.includes(t)}))}),[L,l]),T=(0,r.useCallback)((function(e){return function(t){var n=t.concat(O((0,h.fJ)(e)));f?f(n):P(n)}}),[O,f]),A=(0,r.useCallback)((function(e){var t=Z(e).columns,n=o.Nm.Left===e?null==t?void 0:t[0]:null==t?void 0:t[1];return Array.isArray(null==t?void 0:t[0])?n:t}),[Z]),J=(0,r.useCallback)((function(e){var t=e.direction,n=e.selectedKeys,i=e.handleSelectChange,r=e.title,l=e.keyName,s=e.dataSets,c=e.showSearch,o=e.searchPlaceholder,u=e.filterOption,d=e.list,f=e.prefix,h=b&&b({direction:t,selectedKeys:n,handleSelectChange:i});return null!=h?h:(0,a.jsx)(y,{title:r,direction:t,keyName:l,dataSets:s,selectedKeys:n,handleSelectChange:i,showSearch:c,searchPlaceholder:o,filterOption:u,list:d,prefix:f,pagination:_,disabled:R},void 0)}),[b,_,R]),D=(0,r.useCallback)((function(e){return function(){var t=(0,h.Gn)({direction:(0,h.fJ)(e),selectedKeys:L,targetKeys:l,disabledKeys:z}),n=L.filter((function(e){return!t.includes(e)}));P(n),u({targetKeys:o.Nm.Right===e?t.concat(l):l.filter((function(e){return!t.includes(e)})),direction:e,transferredKeys:t,selectedKeys:n})}}),[L,l,u,z]),G=(0,r.useCallback)((function(e){return(0,a.jsx)("div",(0,i.pi)({className:"zent-transfer__arrow__item","data-zv":"10.0.10"},{children:(0,a.jsx)(N,{disabled:R||!(0,h.Gn)({direction:(0,h.fJ)(e),selectedKeys:L,targetKeys:l,disabledKeys:z}).length,direction:e,onChange:D(e),prefix:x},void 0)}),void 0)}),[D,x,R,l,L,z]);return(0,r.useEffect)((function(){P(d)}),[d]),(0,a.jsxs)("div",(0,i.pi)({className:s()("zent-transfer",S),"data-zv":"10.0.10"},{children:[J({title:null==m?void 0:m[0],direction:o.Nm.Left,keyName:t,dataSets:(0,r.useMemo)((function(){return M(o.Nm.Left)}),[M]),selectedKeys:O(o.Nm.Left),handleSelectChange:T(o.Nm.Left),showSearch:v,searchPlaceholder:g,filterOption:p,list:(0,i.pi)({columns:A(o.Nm.Left)},(0,c.Z)(Z(o.Nm.Left),o.PR)),prefix:x,pagination:_,disabled:R}),(0,a.jsxs)("div",(0,i.pi)({className:"zent-transfer__arrow","data-zv":"10.0.10"},{children:[G(o.Nm.Right),G(o.Nm.Left)]}),void 0),J({title:null==m?void 0:m[1],direction:o.Nm.Right,keyName:t,dataSets:(0,r.useMemo)((function(){return M(o.Nm.Right)}),[M]),selectedKeys:O(o.Nm.Right),handleSelectChange:T(o.Nm.Right),showSearch:v,searchPlaceholder:g,filterOption:p,list:(0,i.pi)({columns:A(o.Nm.Right)},(0,c.Z)(Z(o.Nm.Right),o.PR)),prefix:x,pagination:_,disabled:R})]}),void 0)};_.defaultProps={titles:["Source","Target"],targetKeys:[],selectedKeys:[],showSearch:!1,searchPlaceholder:"",className:"",pagination:!1}},26608:(e,t,n)=>{"use strict";n.d(t,{Nm:()=>i,ij:()=>r,PR:()=>l});var i,a=n(59312);!function(e){e.Left="left",e.Right="right"}(i||(i={}));var r=["rowKey","scroll","emptyLabel","onRowClick","sortBy","sortType","defaultSortType","bordered","ellipsis","components","rowProps","autoStick","autoStickOffsetTop","disableHoverHighlight","onChange","loading","className","rowClassName"],l=(0,a.ev)(["selection"],r)},36603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var i=n(27378),a=n(26608),r=n(98407);function l(e){var t=e||{},n=t.targetKeys,l=void 0===n?[]:n,s=t.selectedKeys,c=void 0===s?[]:s,o=t.disabledKeys,u=void 0===o?[]:o,d=(0,i.useState)(l),f=d[0],h=d[1],m=(0,i.useState)(c),v=m[0],g=m[1],p=(0,i.useCallback)((function(e){return v.filter((function(t){return a.Nm.Left===e?!f.includes(t):f.includes(t)}))}),[v,f]),y=(0,i.useCallback)((function(e){var t=(0,r.Gn)({direction:(0,r.fJ)(e),selectedKeys:v,targetKeys:f,disabledKeys:u});g(v.filter((function(e){return!t.includes(e)}))),h(a.Nm.Right===e?t.concat(f):f.filter((function(e){return!t.includes(e)})))}),[v,f,u]),b=(0,i.useCallback)((function(e,t){g(t.concat(p((0,r.fJ)(e))))}),[p]),C=(0,i.useCallback)((function(e){g(e)}),[]),N=(0,i.useCallback)((function(e){h(e)}),[]);return{targetKeys:f,selectedKeys:v,transferKeys:y,changeSelectedKeys:b,resetSelectedKeys:C,resetTargetKeys:N}}},98407:(e,t,n)=>{"use strict";n.d(t,{fJ:()=>a,Q1:()=>r,Gn:()=>l});var i=n(26608),a=function(e){return i.Nm.Left===e?i.Nm.Right:i.Nm.Left},r=function(e,t){return e.filter((function(e){return e.disabled})).map((function(e){return e[t]}))},l=function(e){var t=e.direction,n=e.selectedKeys,a=e.targetKeys,r=e.disabledKeys;return n.filter((function(e){return!r.includes(e)&&(i.Nm.Left===t?!a.includes(e):a.includes(e))}))}},45300:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var i=n(72551);function a(e,t){return null==e?{}:t.reduce((function(t,n){return(0,i.n)(e,n)&&(t[n]=e[n]),t}),{})}}}]); \ No newline at end of file diff --git a/1859-b4b781704e7326162feb.js b/1859-970d893d2ef65e2e40e0.js similarity index 99% rename from 1859-b4b781704e7326162feb.js rename to 1859-970d893d2ef65e2e40e0.js index e420a8c33..df707f765 100644 --- a/1859-b4b781704e7326162feb.js +++ b/1859-970d893d2ef65e2e40e0.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1859],{61859:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(3454),l=a(89522),u=a(39215),r=a(93531),k=a(28627),i=a(80186),m=a(23476),d=a(61853),y=a(70387),g=a(29850),h=a(24246);function b(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function f(n){for(var s=1;s{var t=n===a?"Rgb":a,p=(0,o.useCallback)((()=>{s(t)}),[s,t]);return(0,h.jsxs)(h.Fragment,{children:[n," Color",(0,h.jsxs)(c.z,{className:"demo-theme-color-copy-switcher",size:"small",onClick:p,children:["切换到 ",t]})]})},m=()=>{var m,d=(0,o.useState)(null!==(m=window.sessionStorage.getItem("zent-theme-color"))&&void 0!==m?m:"#155bd4"),b=(0,p.Z)(d,2),f=b[0],C=b[1],v=(0,o.useMemo)((()=>n({colors:[{baseColor:f,scene:t}]},y)),[f]),w=(0,o.useMemo)((()=>(n=>n.filter((({cssVariableName:n})=>y.vars[n])))(v.colors)),[v]),x=(0,o.useMemo)((()=>(n=>n.map((n=>"".concat(n.cssVariableName,": ").concat(n.color,";"))).join("\n"))(v.colors)),[v]),T=(0,o.useState)(a),j=(0,p.Z)(T,2),S=j[0],z=j[1],N=(0,o.useMemo)((()=>[{title:"CSS Variable",name:"cssVariableName",bodyRender:({cssVariableName:n})=>(0,h.jsxs)("div",{className:"demo-theme-color-title",children:[(0,h.jsxs)("p",{className:"demo-theme-color-css-variable",children:[n,(0,h.jsx)(l.q,{text:n,children:(0,h.jsx)(u.J,{className:"demo-theme-color-copy-icon",type:"order-o"})})]}),(0,h.jsx)("p",{className:"demo-theme-color-desc",children:y.vars[n].comment})]})},{title:(0,h.jsx)(e,{colorType:S,setColorType:z}),name:"color",bodyRender:({color:n})=>{var s="Rgb"===S?(0,g.cD)(n):n;return(0,h.jsxs)("div",{className:"demo-theme-color",children:[(0,h.jsx)(l.q,{text:s,children:(0,h.jsx)("p",{className:"demo-theme-color-block",style:{background:n}})}),(0,h.jsx)("div",{className:"demo-theme-color-name",children:s})]})},width:"300px"}]),[S]),B=(0,o.useCallback)((n=>{C(n)}),[]),q=(0,o.useCallback)((n=>{B(n.detail)}),[]);return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("div",{children:[(0,h.jsx)(r.z,{color:f,type:"simple",onChange:B,presetColors:s}),(0,h.jsx)("span",{className:"demo-theme-base-color",children:f}),(0,h.jsx)(l.q,{text:x,children:(0,h.jsx)(c.z,{type:"primary",className:"demo-theme-copy-btn",children:"复制所有变量"})})]}),(0,h.jsx)(k.r,{rowKey:"cssVariableName",className:"demo-theme-colors",columns:N,datasets:w}),(0,h.jsx)(i.ZM,{eventName:"zent-theme-change",listener:q})]})};return(0,h.jsx)(m,{})},v=function(){var n=d.q.generateTheme,s=d.q.applyTheme,a=["#ed6a18","#ed9f18","#edd418","#bad415","#5bd415","#15d48e","#15bad4","#155bd4","#412ad4","#8e15d4","#d415ba","#d42f15"],t=[d.h.DefaultHoverBackgroundColor,d.h.PrimaryHoverBackgroundColor,d.h.PrimaryBackgroundColor,d.h.PrimaryActiveBackgroundColor],e=()=>{var e=(0,o.useState)("#155bd4"),c=(0,p.Z)(e,2),l=c[0],u=c[1];return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(r.z,{color:l,type:"simple",onChange:a=>{var p=n({colors:[{baseColor:a,scene:t}]},y);s(p),u(a),m.g.success("主题色已更新")},presetColors:a}),(0,h.jsx)("span",{className:"demo-theme-base-color",children:l})]})};return(0,h.jsx)(e,{})};function w(n){return(0,h.jsx)(n.tag,f(f({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,h.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,h.jsx)(w,{tag:"style",html:n.style})}function j(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),j(n.parentNode,s);return s}class S extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,h.jsxs)("div",{className:"zandoc-react-demo",children:[(0,h.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,h.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,h.jsx)("div",{className:"zandoc-react-demo__title",children:(0,h.jsx)("p",{children:a||""})}),(0,h.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,h.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,h.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,j(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(T,{style:".demo-theme-color-title {\n font-size: 14px;\n color: #333;\n}\n\n.demo-theme-color-css-variable {\n cursor: pointer;\n}\n\n.demo-theme-color-desc {\n font-size: 12px;\n color: #999;\n}\n\n.demo-theme-color {\n margin: 4px 8px 4px 4px;\n display: flex;\n align-items: center;\n}\n\n.demo-theme-color-copy-switcher {\n margin-left: 16px;\n}\n\n.demo-theme-color-block {\n width: 80px;\n height: 30px;\n margin-bottom: 4px;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000;\n cursor: pointer;\n}\n\n.demo-theme-color-copy-icon {\n margin-left: 4px;\n}\n\n.demo-theme-color-name {\n color: #333;\n text-align: center;\n margin-left: 4px;\n}\n\n.demo-theme-base-color {\n margin-left: 8px;\n}\n\n.demo-theme-copy-btn {\n float: right;\n}\n\n.demo-theme-colors {\n margin-top: 16px;\n}\n\nimg[alt='zent-theme'] {\n width: 514px;\n height: 319px;\n}"}),o.createElement(x,{html:'

定制主题

\n

Zent 支持主题定制，目前仅支持组件库颜色的定制。

\n

zent-theme

\n

使用 CSS Variables

\n

Zent 使用CSS Variables定制主题色，对于不支持 CSS Variables 的浏览器，会降级到默认主题色，可以通过重新构建 SCSS 定制主题色。

\n

注意：主题色需要提供两套，一套是 Hex 形式，另一套是类似 RGB 形式的，CSS 变量主题色如下：

'}),o.createElement(S,{title:"获取主题色",id:"Demo01",src:'import { ColorPicker, Grid, CopyButton, Button, Icon, WindowEventHandler } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { hexToRGBString } from \'@zent/theme-sdk/esm/utils\';\nimport { useState, useMemo, useCallback, useEffect } from \'react\';\n\nconst { generateTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst defaultColor = \'#155bd4\';\n\nconst themeIndex = {\n \'$primary-100\': 0,\n \'$primary-400\': 1,\n \'$primary-500\': 2,\n \'$primary-600\': 3,\n};\n\nconst ColorType = {\n hex: \'Hex\',\n rgb: \'Rgb\',\n};\n\nconst ColorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor,\n];\n\nconst getThemeCommentsVars = colors => {\n return colors.filter(\n ({ cssVariableName }) => ThemeCssVars.vars[cssVariableName]\n );\n};\n\nconst transformToCss = theme => {\n return theme\n .map(item => `${item.cssVariableName}: ${item.color};`)\n .join(\'\\n\');\n};\n\nconst getSessionThemeColor = () => {\n // ThemeSwitcher on top-right corner sets this variable\n return window.sessionStorage.getItem(\'zent-theme-color\') ?? defaultColor;\n};\n\nconst Color = ({ colorType, setColorType }) => {\n const otherType = colorType === ColorType.hex ? ColorType.rgb : ColorType.hex;\n\n const changeColorType = useCallback(() => {\n setColorType(otherType);\n }, [setColorType, otherType]);\n\n return (\n <>\n {colorType} Color\n <Button\n className="demo-theme-color-copy-switcher"\n size="small"\n onClick={changeColorType}\n >\n 切换到 {otherType}\n </Button>\n </>\n );\n};\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(getSessionThemeColor());\n const theme = useMemo(() => {\n return generateTheme(\n { colors: [{ baseColor: color, scene: ColorScene }] },\n ThemeCssVars\n );\n }, [color]);\n const themeComments = useMemo(() => {\n return getThemeCommentsVars(theme.colors);\n }, [theme]);\n const themeCssStr = useMemo(() => {\n return transformToCss(theme.colors);\n }, [theme]);\n const [colorType, setColorType] = useState(ColorType.hex);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'CSS Variable\',\n name: \'cssVariableName\',\n bodyRender: ({ cssVariableName }) => {\n return (\n <div className="demo-theme-color-title">\n <p className="demo-theme-color-css-variable">\n {cssVariableName}\n <CopyButton text={cssVariableName}>\n <Icon className="demo-theme-color-copy-icon" type="order-o" />\n </CopyButton>\n </p>\n <p className="demo-theme-color-desc">\n {ThemeCssVars.vars[cssVariableName].comment}\n </p>\n </div>\n );\n },\n },\n {\n title: <Color colorType={colorType} setColorType={setColorType} />,\n name: \'color\',\n bodyRender: ({ color }) => {\n const colorText =\n colorType === ColorType.rgb ? hexToRGBString(color) : color;\n return (\n <div className="demo-theme-color">\n <CopyButton text={colorText}>\n <p\n className="demo-theme-color-block"\n style={{ background: color }}\n ></p>\n </CopyButton>\n <div className="demo-theme-color-name">{colorText}</div>\n </div>\n );\n },\n width: \'300px\',\n },\n ];\n }, [colorType]);\n\n const onColorChange = useCallback(\n baseColor => {\n setColor(baseColor);\n },\n []\n );\n\n const onThemeSwitch = useCallback((evt) => {\n onColorChange(evt.detail);\n }, []);\n\n return (\n <>\n <div>\n <ColorPicker\n color={color}\n type="simple"\n onChange={onColorChange}\n presetColors={colors}\n />\n <span className="demo-theme-base-color">{color}</span>\n <CopyButton text={themeCssStr}>\n <Button type="primary" className="demo-theme-copy-btn">\n 复制所有变量\n </Button>\n </CopyButton>\n </div>\n <Grid\n rowKey="cssVariableName"\n className="demo-theme-colors"\n columns={columns}\n datasets={themeComments}\n />\n <WindowEventHandler eventName="zent-theme-change" listener={onThemeSwitch} />\n </>\n );\n};\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(C)),o.createElement(x,{html:'

重新构建 SCSS 定制主题色

\n

Zent 的样式使用 scss 开发，我们提供了一个预定义的扩展文件来支持主题定制，通过在 Zent 仓库中修改配置，生成一份定制的 css 样式。

\n

这种方式对业务项目是非侵入式的，样式的定制和业务项目完全独立；但也有一个问题，就是每次更新 Zent 组件库都要重新生成一份定制主题。

\n

定制方法

\n
    \n
  1. 克隆 Zent 源码并安装依赖
    2. \n
  2. 在 packages/zent/assets/theme 目录下找到一个名为 _override.scss 的文件，这个文件是预留用来覆盖默认主题变量的，所有主题变量可以在同目录的 _default.scss 文件内找到
    3. \n
  3. 在 packages/zent 目录下面执行 yarn theme
    4. \n
  4. 定制的主题样式文件会生成在 packages/zent/css 目录下
    5. \n
\n

动态改变主题色

\n

可以调用 ThemeSdk，传入指定的基础主题色，来更新主题。主题色建议选择饱和度和亮度更高的颜色。比如： S > 85, B > 80。示例如下：

'}),o.createElement(S,{title:"动态更新主题色",id:"Demo02",src:'import { ColorPicker, Notify } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { useState } from \'react\';\n\nconst { generateTheme, applyTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst colorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor\n];\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(\'#155bd4\');\n\n const onChangeComplete = hex => {\n const theme = generateTheme({ colors: [{ baseColor: hex, scene: colorScene }] }, ThemeCssVars);\n applyTheme(theme);\n\n setColor(hex);\n\n Notify.success(\'主题色已更新\');\n };\n\n return (\n <>\n <ColorPicker color={color} type="simple" onChange={onChangeComplete} presetColors={colors} />\n <span className="demo-theme-base-color">{color}</span>\n </>\n );\n}\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(v)),o.createElement(x,{html:""}))}}},89522:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(90347),c=a(23476),l=a(52074),u=a(42690),r=a(14805),k=function(n){var s,a,t,p,o=!1;try{if(s=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var s=document.activeElement,a=[],t=0;t{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(3454),l=a(89522),u=a(39215),r=a(93531),k=a(26317),i=a(80186),m=a(23476),d=a(61853),y=a(70387),g=a(29850),h=a(24246);function b(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function f(n){for(var s=1;s{var t=n===a?"Rgb":a,p=(0,o.useCallback)((()=>{s(t)}),[s,t]);return(0,h.jsxs)(h.Fragment,{children:[n," Color",(0,h.jsxs)(c.z,{className:"demo-theme-color-copy-switcher",size:"small",onClick:p,children:["切换到 ",t]})]})},m=()=>{var m,d=(0,o.useState)(null!==(m=window.sessionStorage.getItem("zent-theme-color"))&&void 0!==m?m:"#155bd4"),b=(0,p.Z)(d,2),f=b[0],C=b[1],v=(0,o.useMemo)((()=>n({colors:[{baseColor:f,scene:t}]},y)),[f]),w=(0,o.useMemo)((()=>(n=>n.filter((({cssVariableName:n})=>y.vars[n])))(v.colors)),[v]),x=(0,o.useMemo)((()=>(n=>n.map((n=>"".concat(n.cssVariableName,": ").concat(n.color,";"))).join("\n"))(v.colors)),[v]),T=(0,o.useState)(a),j=(0,p.Z)(T,2),S=j[0],z=j[1],N=(0,o.useMemo)((()=>[{title:"CSS Variable",name:"cssVariableName",bodyRender:({cssVariableName:n})=>(0,h.jsxs)("div",{className:"demo-theme-color-title",children:[(0,h.jsxs)("p",{className:"demo-theme-color-css-variable",children:[n,(0,h.jsx)(l.q,{text:n,children:(0,h.jsx)(u.J,{className:"demo-theme-color-copy-icon",type:"order-o"})})]}),(0,h.jsx)("p",{className:"demo-theme-color-desc",children:y.vars[n].comment})]})},{title:(0,h.jsx)(e,{colorType:S,setColorType:z}),name:"color",bodyRender:({color:n})=>{var s="Rgb"===S?(0,g.cD)(n):n;return(0,h.jsxs)("div",{className:"demo-theme-color",children:[(0,h.jsx)(l.q,{text:s,children:(0,h.jsx)("p",{className:"demo-theme-color-block",style:{background:n}})}),(0,h.jsx)("div",{className:"demo-theme-color-name",children:s})]})},width:"300px"}]),[S]),B=(0,o.useCallback)((n=>{C(n)}),[]),q=(0,o.useCallback)((n=>{B(n.detail)}),[]);return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("div",{children:[(0,h.jsx)(r.z,{color:f,type:"simple",onChange:B,presetColors:s}),(0,h.jsx)("span",{className:"demo-theme-base-color",children:f}),(0,h.jsx)(l.q,{text:x,children:(0,h.jsx)(c.z,{type:"primary",className:"demo-theme-copy-btn",children:"复制所有变量"})})]}),(0,h.jsx)(k.r,{rowKey:"cssVariableName",className:"demo-theme-colors",columns:N,datasets:w}),(0,h.jsx)(i.ZM,{eventName:"zent-theme-change",listener:q})]})};return(0,h.jsx)(m,{})},v=function(){var n=d.q.generateTheme,s=d.q.applyTheme,a=["#ed6a18","#ed9f18","#edd418","#bad415","#5bd415","#15d48e","#15bad4","#155bd4","#412ad4","#8e15d4","#d415ba","#d42f15"],t=[d.h.DefaultHoverBackgroundColor,d.h.PrimaryHoverBackgroundColor,d.h.PrimaryBackgroundColor,d.h.PrimaryActiveBackgroundColor],e=()=>{var e=(0,o.useState)("#155bd4"),c=(0,p.Z)(e,2),l=c[0],u=c[1];return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(r.z,{color:l,type:"simple",onChange:a=>{var p=n({colors:[{baseColor:a,scene:t}]},y);s(p),u(a),m.g.success("主题色已更新")},presetColors:a}),(0,h.jsx)("span",{className:"demo-theme-base-color",children:l})]})};return(0,h.jsx)(e,{})};function w(n){return(0,h.jsx)(n.tag,f(f({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,h.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,h.jsx)(w,{tag:"style",html:n.style})}function j(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),j(n.parentNode,s);return s}class S extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,h.jsxs)("div",{className:"zandoc-react-demo",children:[(0,h.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,h.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,h.jsx)("div",{className:"zandoc-react-demo__title",children:(0,h.jsx)("p",{children:a||""})}),(0,h.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,h.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,h.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,j(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(T,{style:".demo-theme-color-title {\n font-size: 14px;\n color: #333;\n}\n\n.demo-theme-color-css-variable {\n cursor: pointer;\n}\n\n.demo-theme-color-desc {\n font-size: 12px;\n color: #999;\n}\n\n.demo-theme-color {\n margin: 4px 8px 4px 4px;\n display: flex;\n align-items: center;\n}\n\n.demo-theme-color-copy-switcher {\n margin-left: 16px;\n}\n\n.demo-theme-color-block {\n width: 80px;\n height: 30px;\n margin-bottom: 4px;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000;\n cursor: pointer;\n}\n\n.demo-theme-color-copy-icon {\n margin-left: 4px;\n}\n\n.demo-theme-color-name {\n color: #333;\n text-align: center;\n margin-left: 4px;\n}\n\n.demo-theme-base-color {\n margin-left: 8px;\n}\n\n.demo-theme-copy-btn {\n float: right;\n}\n\n.demo-theme-colors {\n margin-top: 16px;\n}\n\nimg[alt='zent-theme'] {\n width: 514px;\n height: 319px;\n}"}),o.createElement(x,{html:'

定制主题

\n

Zent 支持主题定制，目前仅支持组件库颜色的定制。

\n

zent-theme

\n

使用 CSS Variables

\n

Zent 使用CSS Variables定制主题色，对于不支持 CSS Variables 的浏览器，会降级到默认主题色，可以通过重新构建 SCSS 定制主题色。

\n

注意：主题色需要提供两套，一套是 Hex 形式，另一套是类似 RGB 形式的，CSS 变量主题色如下：

'}),o.createElement(S,{title:"获取主题色",id:"Demo01",src:'import { ColorPicker, Grid, CopyButton, Button, Icon, WindowEventHandler } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { hexToRGBString } from \'@zent/theme-sdk/esm/utils\';\nimport { useState, useMemo, useCallback, useEffect } from \'react\';\n\nconst { generateTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst defaultColor = \'#155bd4\';\n\nconst themeIndex = {\n \'$primary-100\': 0,\n \'$primary-400\': 1,\n \'$primary-500\': 2,\n \'$primary-600\': 3,\n};\n\nconst ColorType = {\n hex: \'Hex\',\n rgb: \'Rgb\',\n};\n\nconst ColorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor,\n];\n\nconst getThemeCommentsVars = colors => {\n return colors.filter(\n ({ cssVariableName }) => ThemeCssVars.vars[cssVariableName]\n );\n};\n\nconst transformToCss = theme => {\n return theme\n .map(item => `${item.cssVariableName}: ${item.color};`)\n .join(\'\\n\');\n};\n\nconst getSessionThemeColor = () => {\n // ThemeSwitcher on top-right corner sets this variable\n return window.sessionStorage.getItem(\'zent-theme-color\') ?? defaultColor;\n};\n\nconst Color = ({ colorType, setColorType }) => {\n const otherType = colorType === ColorType.hex ? ColorType.rgb : ColorType.hex;\n\n const changeColorType = useCallback(() => {\n setColorType(otherType);\n }, [setColorType, otherType]);\n\n return (\n <>\n {colorType} Color\n <Button\n className="demo-theme-color-copy-switcher"\n size="small"\n onClick={changeColorType}\n >\n 切换到 {otherType}\n </Button>\n </>\n );\n};\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(getSessionThemeColor());\n const theme = useMemo(() => {\n return generateTheme(\n { colors: [{ baseColor: color, scene: ColorScene }] },\n ThemeCssVars\n );\n }, [color]);\n const themeComments = useMemo(() => {\n return getThemeCommentsVars(theme.colors);\n }, [theme]);\n const themeCssStr = useMemo(() => {\n return transformToCss(theme.colors);\n }, [theme]);\n const [colorType, setColorType] = useState(ColorType.hex);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'CSS Variable\',\n name: \'cssVariableName\',\n bodyRender: ({ cssVariableName }) => {\n return (\n <div className="demo-theme-color-title">\n <p className="demo-theme-color-css-variable">\n {cssVariableName}\n <CopyButton text={cssVariableName}>\n <Icon className="demo-theme-color-copy-icon" type="order-o" />\n </CopyButton>\n </p>\n <p className="demo-theme-color-desc">\n {ThemeCssVars.vars[cssVariableName].comment}\n </p>\n </div>\n );\n },\n },\n {\n title: <Color colorType={colorType} setColorType={setColorType} />,\n name: \'color\',\n bodyRender: ({ color }) => {\n const colorText =\n colorType === ColorType.rgb ? hexToRGBString(color) : color;\n return (\n <div className="demo-theme-color">\n <CopyButton text={colorText}>\n <p\n className="demo-theme-color-block"\n style={{ background: color }}\n ></p>\n </CopyButton>\n <div className="demo-theme-color-name">{colorText}</div>\n </div>\n );\n },\n width: \'300px\',\n },\n ];\n }, [colorType]);\n\n const onColorChange = useCallback(\n baseColor => {\n setColor(baseColor);\n },\n []\n );\n\n const onThemeSwitch = useCallback((evt) => {\n onColorChange(evt.detail);\n }, []);\n\n return (\n <>\n <div>\n <ColorPicker\n color={color}\n type="simple"\n onChange={onColorChange}\n presetColors={colors}\n />\n <span className="demo-theme-base-color">{color}</span>\n <CopyButton text={themeCssStr}>\n <Button type="primary" className="demo-theme-copy-btn">\n 复制所有变量\n </Button>\n </CopyButton>\n </div>\n <Grid\n rowKey="cssVariableName"\n className="demo-theme-colors"\n columns={columns}\n datasets={themeComments}\n />\n <WindowEventHandler eventName="zent-theme-change" listener={onThemeSwitch} />\n </>\n );\n};\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(C)),o.createElement(x,{html:'

重新构建 SCSS 定制主题色

\n

Zent 的样式使用 scss 开发，我们提供了一个预定义的扩展文件来支持主题定制，通过在 Zent 仓库中修改配置，生成一份定制的 css 样式。

\n

这种方式对业务项目是非侵入式的，样式的定制和业务项目完全独立；但也有一个问题，就是每次更新 Zent 组件库都要重新生成一份定制主题。

\n

定制方法

\n
    \n
  1. 克隆 Zent 源码并安装依赖
    2. \n
  2. 在 packages/zent/assets/theme 目录下找到一个名为 _override.scss 的文件，这个文件是预留用来覆盖默认主题变量的，所有主题变量可以在同目录的 _default.scss 文件内找到
    3. \n
  3. 在 packages/zent 目录下面执行 yarn theme
    4. \n
  4. 定制的主题样式文件会生成在 packages/zent/css 目录下
    5. \n
\n

动态改变主题色

\n

可以调用 ThemeSdk，传入指定的基础主题色，来更新主题。主题色建议选择饱和度和亮度更高的颜色。比如： S > 85, B > 80。示例如下：

'}),o.createElement(S,{title:"动态更新主题色",id:"Demo02",src:'import { ColorPicker, Notify } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { useState } from \'react\';\n\nconst { generateTheme, applyTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst colorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor\n];\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(\'#155bd4\');\n\n const onChangeComplete = hex => {\n const theme = generateTheme({ colors: [{ baseColor: hex, scene: colorScene }] }, ThemeCssVars);\n applyTheme(theme);\n\n setColor(hex);\n\n Notify.success(\'主题色已更新\');\n };\n\n return (\n <>\n <ColorPicker color={color} type="simple" onChange={onChangeComplete} presetColors={colors} />\n <span className="demo-theme-base-color">{color}</span>\n </>\n );\n}\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(v)),o.createElement(x,{html:""}))}}},89522:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(90347),c=a(23476),l=a(52074),u=a(42690),r=a(14805),k=function(n){var s,a,t,p,o=!1;try{if(s=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var s=document.activeElement,a=[],t=0;t{"use strict";c.r(o),c.d(o,{default:()=>u});var n=c(73450),d=c(27378),i=c(57318),l=c(24246);function a(e,o){var c=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),c.push.apply(c,n)}return c}function r(e){for(var o=1;o更新日志\n

3.5.3 之前版本的详细修改记录请看 Github 日志。

\n

升级指南

\n\n

10.0.11(2024-06-14)

\n
    \n
  • \n

    🦀 修复依赖 observable-hooks 自动升级打包报错

    \n
    • \n
  • \n

    Indicator

    \n
      \n
    • 🦀 修复 Indicator 组件 IIndicatorProps 类型导出错误
      • \n
    \n
    • \n
  • \n

    Notify

    \n
      \n
    • ✨ 新增 containerSelector 和 className 属性支持
      • \n
    \n
    • \n
  • \n

    Dialog

    \n
      \n
    • ✨ 新增 position 属性支持
      • \n
    \n
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ 更新 zenticons 至 3.7.6 版本
      • \n
    \n
    • \n
\n

10.0.10(2023-10-25)

\n
    \n
  • ✨ datePicker 增加农历功能支持
    • \n
\n

10.0.9(2023-04-24)

\n
    \n
  • ✨ datePicker 增加 CombinedPanelRangePicker 和 SingleCalendarDatePanelPicker 的支持
    • \n
\n

10.0.7(2023-01-06)

\n
    \n
  • 🦀 调整 CombinedDateRangePicker 选择结束日期后的展示逻辑
    • \n
\n

10.0.6(2022-12-27)

\n
    \n
  • 🦀 修复 10.0.5 引入的 NumberInput 在一些情况下渲染死循环的问题
    • \n
\n

10.0.5(2022-12-08)

\n
    \n
  • 🦀 修复 NumberInput 在一些情况下渲染死循环的问题
    • \n
\n

10.0.4(2022-11-15)

\n
    \n
  • 🦀 Button 组件渲染为 <a> 标签，并且设置了 disabled 属性时，不再设置 href 属性
    • \n
  • 🦀️ 修复了 withErrorBoundary 的 onError 类型问题
    • \n
\n

10.0.3(2022-08-31)

\n
    \n
  • 🦀️ 修复主题色问题
    • \n
\n

10.0.2(2022-08-23)

\n
    \n
  • ✨ Select 新增 renderCollapsedContent 自定义渲染收起内容
    • \n
  • 🦀️ AnimateHeight 修复当设置 appear 为 true，height 为 auto 的时候没有动画的问题
    • \n
  • 🦀️ 修复主题色中错误的颜色
    • \n
\n

10.0.1-rc.0(2022-06-01)

\n
    \n
  • ✨ Cascader 支持 searchable 和 placeholder 参数共存
    • \n
\n

10.0.0(2022-03-28)

\n

详见 10.x 升级指南

\n

9.12.7(2022-03-15)

\n
    \n
  • \n

    Cascader

    \n
      \n
    • ✨ 增加simplifySelectionMode判断simplifySelection时是否包含disabled的路径
      • \n
    \n
    • \n
  • \n

    Sortable

    \n
      \n
    • 🦀️ 修复拖拽后有时数据会变为empty 的问题
      • \n
    \n
    • \n
  • \n

    Notice

    \n
      \n
    • 🦀 去除overflow-y: hidden，解决下方阴影显示不完全的问题
      • \n
    \n
    • \n
  • \n

    Placeholder

    \n
      \n
    • 🦀 ts 类型补全
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ expandation 中新增 isExpandable API，支持配置可展开图标显示 #1895
      • \n
    • ✨ 新增 tableLayout API，支持设置 table 的 tableLayout 属性
      • \n
    • 🦀️ Grid 未配置 tableLayout，但是配置了 scroll 或者 ellipsis 属性时，设置 tableLayout 为 fixed，解决一些单元格对齐问题
      • \n
    • 🦀️ 对设置了宽度的列设置 word-break，解决一些单元格对齐问题
      • \n
    \n
    • \n
\n

9.12.6(2022-03-02)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀 优化 selection ts 定义
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • 🦀 修复使用文本高亮时正则特殊字符报错问题
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • 🦀 修复使用文本高亮时正则特殊字符报错问题
      • \n
    \n
    • \n
  • \n

    Collapse

    \n
      \n
    • 📚 更新 activeKey 使用 demo 和相关说明
      • \n
    \n
    • \n
  • 增加 yarn workspace nohoist 配置
    • \n
\n

9.12.5(2022-02-14)

\n
    \n
  • \n

    Notify

    \n
      \n
    • 🦀 api 类型完善
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 添加 normalizeBeforeBlur 属性，支持 onBlur 时修改值
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 修复全选状态判断不正确的问题
      • \n
    \n
    • \n
\n

9.12.4(2022-01-11)

\n
    \n
  • \n

    Popover

    \n
      \n
    • 🦀 修复 withPop HOC 的类型错误
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 排序按钮替换为 iconfont, 修复字体不同可能导致的按钮错位问题
      • \n
    • 🦀 selectedRowKeys 支持 number 类型
      • \n
    \n
    • \n
  • 🦀 修复 css variable 名字匹配问题, 老版颜色可覆盖, 删除无用前缀
    • \n
  • 🦀 更新 caniuse-lite 数据库
    • \n
\n

9.12.3(2021-12-08)

\n
    \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 交互优化，当 DatePicker 调用 TimePicker 选择具体时间时，禁用 DatePicker 的确认按钮
      • \n
    \n
    • \n
\n

9.12.2(2021-11-26)

\n
    \n
  • 🦀️ 修复 MiniPagination 页码输入框在一些场景下显示错误值的问题
    • \n
\n

9.12.1(2021-11-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ FieldSet 和 FieldArrayModel 支持 destroyOnUnmount 以及 normalizeBeforeSubmit 属性
      • \n
    • 🦀️ 修复在 FieldSet 上开启 destroyOnUnmount 并且其值或者校验状态从未被读取时的崩溃问题
      • \n
    \n
    • \n
  • \n

    CombinedDateRangePicker

    \n
      \n
    • 🦀️ onChange 仅在点击确定按钮时才触发
      • \n
    • 🦀️ 修复开始时间在选择完结束时间后丢失的问题
      • \n
    \n
    • \n
\n

9.12.0(2021-10-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArrayModel 增加 filter 和 sort 方法
      • \n
    • ✨ 新增 useObservableBatchedEagerState 用于合并 model 的变更事件，通常用不着，详见文档
      • \n
    • ✨ 使用 observable-hooks 替换 useValue$
      • \n
    \n
    • \n
  • \n

    Notice

    \n
      \n
    • 🦀️ 修复在部分场景（比如 useEffect 中）下使用 Notice.push crash 的问题
      • \n
    • 🦀️ Notice.push 的返回值类型以及 Notice.remove 的参数类型由 number 变更为 string
      • \n
    \n
    • \n
  • 🦀️ 更新 caret-down 以及 caret-up 图标，修复不居中的问题
    • \n
  • 🦀️ 更新 SplitButton 箭头样式
    • \n
  • 🦀️ 修复 RangeDatePicker 中 showTime 为 false 时，返回结束时间错误的问题
    • \n
  • 🦀️ 更新 caniuse-lite 数据库
    • \n
\n

9.11.0(2021-09-29)

\n
    \n
  • ✨ MenuCascader 多选模式下的 onChange 回调函数的 meta 参数中增加 simplify 函数，可以用来合并选中的选项
    • \n
  • \n

    I18n

    \n
      \n
    • ✨ 新增 useComponentI18nData Hook 用于函数式组件中使用 i18n 数据
      • \n
    • 🦀️ 重构 I18nReceiver 的类型定义，更好的类型推导
      • \n
    \n
    • \n
  • 🦀️ 修复 Sortable 中 onMove, onEnd 以及 onMove 初始化后变化不生效的问题
    • \n
  • 🦀️ Form Field 上 required 参数默认的错误文案修改为 \'必填\'
    • \n
  • 🦀️ 修复 Input 上的 style 样式被内外层渲染两次的问题
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复表头中全选框在特殊情况下选中状态不对的问题
      • \n
    • 🦀️ 修复有固定列但是 scroll.x 为非真值时候行高亮不完整的问题
      • \n
    \n
    • \n
  • 🦀️ 升级 caniuse-lite 数据库至最新版
    • \n
  • 📚 增加 Dialog 中 onOpened 和 onClosed 回调的文档说明
    • \n
  • 📚 清理文档中使用 Button 类型为 danger 和 success 的代码，不推荐使用这两种类型的按钮
    • \n
\n

9.10.1(2021-09-15)

\n
    \n
  • 🦀️ NumberInput 在输入过程中被强制重绘时，如果 props 没有变化保留当前 state 状态；已知的场景是将 NumberInput 用在表格中，表格高亮行变化时会触发
    • \n
\n

9.10.0(2021-09-14)

\n
    \n
  • ✨ Waypoint 的 topOffset 和 bottomOffset 增加 auto 模式，简单场景下能够自动识别滚动容器边框宽度，具体说明看组件文档
    • \n
  • ✨ Cascader 多选模式搜索选中后输入焦点自动回到输入框中
    • \n
  • 🦀️ 阻止嵌套的 Form 表单事件（submit, reset, 回车）冒泡到上层表单
    • \n
  • 🦀️ InfiniteScroller 触发加载阈值默认改为 1px，针对页面缩放场景容错
    • \n
  • 🦀️ Grid 批量操作区域中 batchRender 返回 null 时隐藏全选框
    • \n
  • 🦀️ 调整 Select 和 Cascader 下拉箭头图标
    • \n
  • 📚 更新 caniuse-lite 数据库
    • \n
  • 📚 修复 Pagination 示例文案问题
    • \n
  • 📚 修复 Form 文档中 validate 默认值的说明
    • \n
  • 📚 修复 ClampLines 代码中的拼写错误
    • \n
\n

9.9.3(2021-08-28)

\n
    \n
  • 🦀️ 使用 ts-patch 替代 ttypescript
    • \n
  • 🦀️ 修复 MiniPagination 更新 props.current 没有效果的问题
    • \n
  • 🦀️ 修复分页组件 lastPageHelp 参数失效的问题
    • \n
  • 📚 移除 gitee 文档镜像支持
    • \n
  • 📚 增加 Github Action 定时脚本检查 Form 文档中的 404 链接
    • \n
  • 📚 增加 NumberInput onInput 的文档
    • \n
\n

9.9.2(2021-08-16)

\n
    \n
  • ✨ 增加酒店图标
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FormContext 新增 controlStyle 支持，用于批量设置表单项的样式
      • \n
    • ✨ 表单布局新增 direction 选项，用于控制表单项间的排列方式，支持行、列两种排列方式
      • \n
    • 🦀️ 修复 FieldArrayModel.splice 方法无法插入数据的问题
      • \n
    • 🦀️ FieldUtils.makeChangeHandler 重命名为 useChangeHandler，这个函数本身是个 Hook，所以重命名遵循 React 规范
      • \n
    • 🦀️ 优化 validator 运行时的错误描述
      • \n
    • 📚 修复因为升级 typedoc 导致的 API 文档链接失效
      • \n
    \n
    • \n
\n

9.9.1(2021-07-30)

\n
    \n
  • 🦀️ 修复 Icon 样式中 font-family 丢失版本标记
    • \n
  • 🦀️ 升级 caniuse-lite 数据库
    • \n
\n

9.9.0(2021-07-23)

\n
\n

如果遇到 sass 编译报错 math.div 函数 找不到，请升级 sass 到 >=1.33.0。

\n
\n
    \n
  • ✨ 语义化主题支持，同时新增 @zent/theme-sdk 用于主题配置的生成
    • \n
  • ✨ 组件新增日文(jaJP)翻译
    • \n
  • \n

    🦀️ Tree CSS 类名增加前缀

    \n
      \n
    • switcher => zent-tree-switcher
      • \n
    • content => zent-tree-content
      • \n
    • opt => zent-tree-operation
      • \n
    • operation => zent-tree-operation-container
      • \n
    • off => zent-tree-bar--off
      • \n
    \n
    • \n
  • \n

    🦀️ NumberInput

    \n
      \n
    • 修复在非受控模式下更新 props.value 会导致 state.value 变化的问题
      • \n
    • 修复文档中示例行为错误的问题
      • \n
    \n
    • \n
  • \n

    🦀️ Form

    \n
      \n
    • Form.useFieldArrayValue 重命名为 Form.useFieldArrayChildModels，旧字段被标记为废弃，但依旧可用
      • \n
    • 修复 Form 文档中示例丢失的问题
      • \n
    \n
    • \n
  • 🦀️ 由于在 SSR 环境下 useLayoutEffect 会不停的输出警告信息，已禁用 useLayoutEffect，可以使用 utils/hooks/useIsomorphicLayoutEffect 替代
    • \n
  • 📚 Dialog 文档中增加使用 openDialog 返回值关闭对话框的示例
    • \n
  • NPM 包中移除 postcss-plugin-constants 插件
    • \n
  • 升级 caniuse-lite 数据库
    • \n
  • 使用 stylelint 替换 sass-lint
    • \n
\n

9.8.0(2021-07-15)

\n
    \n
  • ✨ 重画所有图标，同时增加了一些新图标。由于新、旧图标大小可能有细微差别，个别场景下样式可能会有些许偏移
    • \n
  • 🦀️ 修复 Grid 切换 selection 时视图和数据不同步的问题
    • \n
  • 🦀️ 修复 Select 组件挂载时通过 display: none 隐藏，之后再渲染出来的时候弹层宽度错误的问题
    • \n
  • 🦀️ 清理并重写仓库 eslint 规则
    • \n
  • 📚 文档网站骨架迁移到 TypeScript
    • \n
\n

9.7.3(2021-07-02)

\n
    \n
  • 🦀️ Upload 文件对象上公开 file 和 id 属性，之前的 _file 和 _id 仍保留，如果有使用 _ 开头的属性请尽快替换
    • \n
  • 🦀️ 修复 bootstrap 脚本参数问题
    • \n
  • 📚 Form 文档中 useMAppend 替换成 useMulti
    • \n
  • \n

    依赖升级

    \n
      \n
    • TypeScript 4.1 升级到 4.3
      • \n
    • rxjs v6 升级到 v7
      • \n
    • sortablejs 1.12.0 升级到 1.13.0
      • \n
    • webpack v4 升级到 v5，开发模式编译性能有较大提升
      • \n
    • jest v24 升级到 v27
      • \n
    • postcss v6 升级到 v8
      • \n
    • 升级其他所有依赖到最新版
      • \n
    \n
    • \n
  • 📚 使用 react-refresh-webpack-plugin 替换 @hot-loader/react-dom
    • \n
\n

9.7.2(2021-06-25)

\n
    \n
  • 🦀️ 修复 Tag 组件无法作为 Pop 的 trigger 使用的问题
    • \n
  • 🦀️ 修复 DatePicker 组件中当前时间按钮的禁用逻辑
    • \n
  • 🦀️ 更新 caniuse-lite 数据库
    • \n
  • 📚 修复 DataPicker 英文文档中示例丢失的问题
    • \n
\n

9.7.1(2021-06-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 之前版本 Model 被销毁后仍能被操作，导致一些比较奇怪的视图/数据不一致的问题，因此增加了 Model 销毁后继续被使用的检查，更及时的暴露问题
      • \n
    • 🦀️ 修复性能警告文案错误问题
      • \n
    • 📚 文档增加 Model 常用 API 描述
      • \n
    • 📚 修改 destroyOnUnmount 的文档，减少歧义
      • \n
    \n
    • \n
  • 📚 Pop 文档增加长文本的 FAQ
    • \n
\n

9.7.0(2021-06-04)

\n

这个版本都是 Form 相关改动。

\n

✨ 放宽绝大部分 Hooks 对 FormContext 的依赖。

\n
    \n
  • 允许 Field 和 FieldArray 相关 hooks 传入 Model 类型参数时在 FormContext 之外使用；FieldSet 相关 hooks 依旧必须在 FormContext 之中使用
    • \n
  • Hooks 在 Model 模式下允许使用 name 来引用 model 对象，不再限制仅在 View 模式允许使用 name
    • \n
  • 废弃临时解决方案 useModelValue 和 useModelValid，直接使用 useFieldValue 和 useFieldValid 即可
    • \n
\n

✨ Model 模式下支持动态增/删表单项，设计文档。

\n
    \n
  • 所有 model 对象上都增加了 builder 属性来获取生成这个 model 的 Builder 对象，View 模式下该字段永远为空
    • \n
  • FieldSetModel 和 FormModel 上导出两个新方法 removeChild 以及 registerChild 用于删除/添加子 model
    • \n
  • 重载 FieldArrayModel 上的 push, unshift 以及 splice 方法接受 model 类型的参数，之前仅支持传 model 的值
    • \n
  • 新增 useNamedChildModel hook，用于订阅 FieldSetModel 以及 FormModel 子 model 的增加/删除行为
    • \n
  • 增加 Model 模式下动态增/删表单项的文档和示例
    • \n
\n

9.6.0(2021-05-28)

\n
    \n
  • ✨ InfiniteScroller 增加 threshold 参数，用以控制触发 loadMore 时距离列表底部的距离
    • \n
  • ✨ Menu inline 模式支持受控的菜单展开和选中
    • \n
  • ✨ Checkbox 支持 style 内联样式
    • \n
  • 🦀️ 修复 Select 中 width 为非数字并且没有设置 popupWidth 时，弹层和输入框宽度不一致的问题
    • \n
  • 📚 更新 Collapse 的类型定义和文档描述
    • \n
\n

9.5.0(2021-05-07)

\n
    \n
  • ✨ Affix 支持相对非 window 节点定位
    • \n
  • ✨ InfiniteScroller 支持 ref
    • \n
  • \n

    Form

    \n
      \n
    • ✨ willScrollToError 支持自定义滚动的节点
      • \n
    • 🦀️ ArrayBuilder 类型中移除 null
      • \n
    • 🦀️ 调整订阅容器值/校验状态时的警告逻辑，内部代码不再触发警告
      • \n
    \n
    • \n
  • 🦀️ 修复 Popover trigger 中对 Fragment 的错误处理
    • \n
  • 🦀️ 修复 ButtonDirective 中对 Fragment 的错误处理
    • \n
  • 🦀️ 修复某些浏览器(Safari)里 IMEComposition 内输入框不触发 onChange 事件
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复并统一单选/多选/展开列的样式
      • \n
    • 🦀️ 列配置中的 nowrap 重命名为 noWrap，老字段仍然兼容
      • \n
    • 📚 更新文档中对于 Table 的描述
      • \n
    \n
    • \n
  • 📚 更新 Form 的文档，补充了基础 API 的信息
    • \n
\n

9.4.2(2021-03-26)

\n
    \n
  • 🦀️ Badge 类型定义中 children 属性改为可选
    • \n
  • 🦀️ 更新 @wojtekmaj/enzyme-adapter-react-17 到最新版
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修复 getUploadSuccessOverrideProps 不生效的问题
      • \n
    • 🦀️ 修复一些文档和代码中的拼写错误
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ FormInputField, FormImageUploadField 以及 FormUploadField 增加往 props.props 上设置默认值的警告
      • \n
    • 📚 修复 Model 模式示例中数组下标作为 key 的问题
      • \n
    • 📚 调整了文档结构，增加了一些概述性说明，方便理解表单的工作原理
      • \n
    \n
    • \n
  • 📚 修复 Select 虚拟滚动示例特殊情况下崩溃的问题
    • \n
  • \n

    文档

    \n
      \n
    • 📚 Github Actions 中增加同步 Gitee Pages 的能力
      • \n
    • 📚 Github Actions 中发版完成后增加企业微信通知
      • \n
    • 📚 更新 logo 以及设计语言网站链接
      • \n
    \n
    • \n
\n

9.4.1(2021-03-11)

\n
    \n
  • ✨ 导出 Form 中的 useFormChild，并添加了文档
    • \n
  • 🦀️ 修复 Cascader 设置 options 后选中状态不同步的问题
    • \n
  • 📚 不同版本的文档链接使用相对路径，方便部署到其他平台
    • \n
  • 📚 升级文档代码高亮包 prismjs，修复安全问题
    • \n
  • 📚 v9 的升级指南中将 Dialog 的视觉交互改动列入不兼容改动
    • \n
\n

9.4.0(2021-02-26)

\n
    \n
  • ✨ Popover / Pop / Tooltip hover 模式兼容 disabled 的 input 和 button，目前仅支持 zent 内置组件，三方组件需要自行处理兼容问题，具体请参考文档
    • \n
  • \n

    Select

    \n
      \n
    • ✨ onKeywordChange 增加 meta 参数标识回调函数触发的原因
      • \n
    • 🦀️ 修复搜索框使用输入法时触发 onChange 的时机问题
      • \n
    \n
    • \n
\n

9.3.0(2021-01-28)

\n
    \n
  • ✨ MenuCascader 多选模式支持通过 simplifySelection 参数控制是否合并展示子节点全选的选项
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Model 上新增 clearError 函数，用于手动清除错误状态
      • \n
    • ✨ 增加 useModelValue 和 useModelValid 两个不依赖 FormContext 的 Hooks
      • \n
    \n
    • \n
  • 📚 9.0 的 changelog 中补充遗漏的 Table 迁移描述
    • \n
\n

9.2.0(2021-01-21)

\n
    \n
  • ✨ Grid 支持单选
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 修复年份、月份的禁用逻辑
      • \n
    • 🦀️ 优化 CombinedDatePicker 交互
      • \n
    • 🦀️ DateRangePicker 支持数组形式的 disabled 和 canClear
      • \n
    \n
    • \n
  • 🦀️ 修复 DateRangeQuickPicker min 和 max 不生效的问题
    • \n
  • 🦀️ 修复 Select, Switch 以及 CheckboxGroup defaultProps 引起的类型问题
    • \n
  • 🦀️ 修复 Form 渲染时 willScrollToError 的警告信息
    • \n
  • 🦀️ 更新 Select 以及 Cascader 下拉箭头样式
    • \n
\n

9.1.2(2021-01-11)

\n
    \n
  • 🦀️ 修复 Grid 多选框串数据的问题
    • \n
  • 🦀️ 修复 Tree expandAll 变更不生效的问题
    • \n
  • 🦀️ 修复 Form 文档中 FormInputField 代码问题
    • \n
\n

9.1.1(2021-01-05)

\n
    \n
  • ✨ 新增一个图标
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 滚动到第一个错误处功能支持通过 willScrollToError 自定义偏移量
      • \n
    • 🦀️ 调整表单域垂直间距为 24px
      • \n
    \n
    • \n
\n

9.1.0(2020-12-21)

\n
    \n
  • 💥 修复 Select 范型参数的问题，原来一个范型参数改为两个范型参数，Select<ISelecItem<number>> => Select<number>
    • \n
  • ✨ 新增单文件上传组件
    • \n
  • ✨ NumberInput 支持自定义步进
    • \n
  • 🦀️ 修复 Button 禁用时边框的样式问题
    • \n
\n

9.0.2(2020-12-18)

\n
    \n
  • ✨ Swiper 支持自定义上一个/下一个按钮
    • \n
\n

9.0.1(2020-12-18)

\n
    \n
  • \n

    Select

    \n
      \n
    • ✨ 支持受控模式下回填选中的值
      • \n
    • ✨ 支持自定义渲染输入框中已选择的选项列表，仅在多选模式可用
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ batchRender 添加位置参数
      • \n
    • 🦀️ 修复表头分组场景下浮动列表头高度问题
      • \n
    \n
    • \n
  • 🦀️ DateRangeQuickPicker 修改今日结束时间为当前时间
    • \n
\n

9.0.0(2020-12-14)

\n

详见 9.x 升级指南

\n

8.6.3(2021-03-19)

\n
    \n
  • 🦀️ 修复 Upload 的 onUpload 返回值没有生效的问题
    • \n
\n

8.6.2(2021-01-11)

\n
    \n
  • 🦀️ 修复 Tree expandAll 不受控的问题
    • \n
\n

8.6.1(2020-12-18)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复浮动列在表头分组场景下高度问题
      • \n
    • 🦀️ batchRender 增加渲染位置可选参数
      • \n
    \n
    • \n
\n

8.6.0(2020-12-15)

\n
    \n
  • ✨ 主题色支持透明度，主题色定义兼容老版本，但老版本无法使用透明度
    • \n
  • 🦀️ 调整 Radio 的右边距为 24px
    • \n
\n

8.5.12(2020-11-05)

\n
    \n
  • 🦀️ 修复 Upload 上传文件时顺序变化的问题
    • \n
  • 🦀️ 修复 Grid 自定义行组件的类型
    • \n
\n

8.5.11(2020-10-28)

\n
    \n
  • 🦀️ 修复 Form 的类型定义问题
    • \n
  • 🦀️ WindowEventHandler 兼容 SSR 场景
    • \n
  • 🦀️ Input 不可编辑状态下隐藏清除按钮
    • \n
\n

8.5.10(2020-10-22)

\n
    \n
  • 修复 Sortable 无法将元素移动到第一个的问题
    • \n
\n

8.5.9(2020-10-12)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复 FormModel.prototype.owner 不能赋值的问题
      • \n
    • 🦀️ 优化了 value-listener 中异步订阅的逻辑
      • \n
    • 🦀️ 类型定义优化
      • \n
    \n
    • \n
  • 🦀️ 修复 Button 部分场景下 disabled 处理逻辑不对的问题
    • \n
  • 🦀️ 修复 Portal 在 SSR 场景下的报错
    • \n
  • 🦀️ 修复 ClampLines 在文本为空时可能出现的渲染问题
    • \n
\n

8.5.8(2020-09-11)

\n
    \n
  • 🦀️ 调整 Button 之间的间距
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 组件支持初始值 initialValue，并增加 reset 事件用于触发表单重置
      • \n
    • 🦀️ 修复 state 变更导致 ZentForm 不必要的重新创建
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ 增加 onIconClick 回调
      • \n
    • ✨ TextareaInput 新增 maxCharacterCount 属性支持文本超长及错误提示
      • \n
    \n
    • \n
\n

8.5.7(2020-08-28)

\n
    \n
  • 🦀️ 修复 Progress 组件 circle 类型的 normalColor，successColor，exceptionColor 和 strokeWidth 不生效问题
    • \n
\n

8.5.6(2020-08-21)

\n
    \n
  • 🦀️ 修复 Slider 值超出范围的问题
    • \n
  • 🦀️ 调整 Checkbox 之间的间距
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 导出 IMaybeError 和 ValidatorContext
      • \n
    • 🦀️ 优化 FormSelectField 的类型定义
      • \n
    \n
    • \n
\n

8.5.5(2020-08-14)

\n
    \n
  • ✨ Loading 组件支持 colorPreset 参数
    • \n
  • ✨ ColorPicker 支持 disabled 参数禁用，并兼容 Disabled 组件
    • \n
  • 🦀️ 修复 Table 组件 renderBody 参数的类型定义
    • \n
  • 🦀️ 修复 Form 组件 scrollToError 定位错误的问题
    • \n
  • 🦀️ 删除无用的 formulr 依赖
    • \n
  • 🦀️ 更新两个图标 calendar-o 和 gift
    • \n
  • 📚 更新文档高亮依赖的 prismjs 版本至 1.21.0
    • \n
\n

8.5.4(2020-08-04)

\n
    \n
  • 🦀️ 修复上个版本 TypeScript 和 tslib 不匹配的问题
    • \n
  • 🦀️ 修复 Checkbox 禁用时的文字颜色
    • \n
  • 📚 增加一个 Form 自定义表单项的示例
    • \n
\n

8.5.3(2020-07-22)

\n
    \n
  • ✨ 添加新图标 thumbnail
    • \n
  • \n

    Form

    \n
      \n
    • ✨ formulr 合入仓库内，不再单独发包
      • \n
    • ✨ 增加 FormContext 支持自定义 labelStyle
      • \n
    • 🦀️ 确保 FieldArray 的 child 上一定存在 id 属性，可以避免使用数组下标作为 key
      • \n
    • 🦀️ 修复一个 React 的 warning
      • \n
    \n
    • \n
  • 🦀️ 修复 Grid batchComponents 为空数组是的渲染问题
    • \n
  • 🦀️ 修复编译自定义主题时的代码校验逻辑
    • \n
  • 🦀️ ClampLines 允许超长非 CJK 字符串词内折行
    • \n
  • 📚 文档导航增加 babel-plugin-zent 的链接
    • \n
  • 📚 修复文档的一些样式问题
    • \n
\n

8.5.2(2020-06-23)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复一些逻辑问题
      • \n
    • 🦀️ FormSelectField 支持 onDelete 逻辑处理，兼容 tags 模式
      • \n
    • 🦀️ 导出 validator 相关的类型
      • \n
    \n
    • \n
  • 🦀️ 修复 Swiper 组件在一些场景下跳动的问题
    • \n
  • 🦀️ 修复 ScrollAlert children 识别问题
    • \n
\n

8.5.1(2020-06-10)

\n
    \n
  • ✨ Tooltip 支持 display 属性透传到 Popover 组件
    • \n
  • ✨ 新增 drag 图标
    • \n
  • 🦀️ 更新 Dialog 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 NumberInput 的类型定义
    • \n
  • 🦀️ 修复 Form React 16.13 之后版本的 warning
    • \n
  • 📚 补充了 Form ValidateOption 相关的文档
    • \n
\n

8.5.0(2020-05-07)

\n
    \n
  • ✨ 新增 4 个图标：folder-o, open-folder-o, refresh, save-o
    • \n
  • ✨ Upload 删除默认辅助文案，不提供 tips 属性时不展示辅助文案
    • \n
  • \n

    Alert

    \n
      \n
    • ✨ 增加 hint 样式类型
      • \n
    • ✨ 增加 ScrollAlert，支持轮播的通知
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 的 validate 会向上冒泡到上层的 FieldArray 或者 FieldSet
      • \n
    • ✨ 新增 ValidatorMiddlewares，用于动态修改 validator 的行为
      • \n
    • ✨ FormSelectField 支持透传 children
      • \n
    • 🦀️ 修复 Form submit 后 use after unmount 的问题
      • \n
    • 🦀️ 修复 Select、Option、FormInputField 的类型定义
      • \n
    \n
    • \n
  • 🦀️ 修复 Grid scroll.x 变化时固定列阴影展示问题
    • \n
  • 🦀️ 修复 Collapse 的类型定义
    • \n
  • 🦀️ 修复 Pagination 跳转页码按回车没反应的问题
    • \n
\n

8.4.0-1(2020-11-17)

\n
    \n
  • 🦀️ 修复部分组件主题色不支持 CSS Variable 配置的问题
    • \n
\n

8.4.0(2020-03-16)

\n
    \n
  • ✨ Upload 支持自定义上传项 UI
    • \n
  • ✨ Tabs 按钮样式优化
    • \n
  • 🦀️ 修复 Windows 系统开发兼容性问题
    • \n
  • 🦀️ DatePicker 不修改传入的 Date 类型参数
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复窗口尺寸变化时固定列的阴影没有同步更新的问题
      • \n
    • 🦀️ 修复禁用行 hover 高亮时的背景色问题
      • \n
    • 🦀️ 修复 getCheckboxProps 类型定义
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 导出 BasicForm
      • \n
    • 🦀️ 修复 required 参数类型处理不正确的问题
      • \n
    \n
    • \n
\n

8.3.0(2020-02-26)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 增加禁用行高亮的参数 disableHoverHighlight
      • \n
    • 🦀️ 修复跨页反选后数据错误的问题
      • \n
    \n
    • \n
  • 🦀️ 修复了部分文档样式问题
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 更新样式
      • \n
    • 🦀️ 修复 FieldSet 类型定义
      • \n
    • 🦀️ 导出 ValidateOption
      • \n
    \n
    • \n
  • 📚 升级了文档网站的依赖
    • \n
\n

8.2.0(2020-02-18)

\n
    \n
  • ✨ BlockHeader 增加一种极简样式
    • \n
  • ✨ Grid 表头吸顶支持自定义顶部偏移量
    • \n
  • 🦀️ 修复兼容百分比超出范围时 Progress 样式错误的问题
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 更新错误样式
      • \n
    • 🦀️ 修复 TypeScript 类型定义问题
      • \n
    \n
    • \n
\n

8.1.0(2020-02-10)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 表头支持吸顶
      • \n
    • ✨ 行复选框禁用时支持设置提示文案展示原因
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 增加表单值联动的示例
      • \n
    • ✨ 使用 model 模式时 Field 组件支持 validators 参数，主要应用场景是用在 FieldArray 中
      • \n
    • 🦀️ 修复 FormNumberInputField 数据和视图不一致的问题
      • \n
    • 🦀️ 调整了非输入框的 Field 行高，视觉上更紧凑
      • \n
    \n
    • \n
  • 🦀️ 优化了 ColorPicker 的拖拽性能，视觉上更加平滑，不卡顿
    • \n
  • 🦀️ 修复 Select 组件首次渲染时选中元素为空的问题
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修改上传组件的文件数量计算规则，将上传失败的文件也统计到上传文件数量中
      • \n
    • 🦀️ 修改 FILE_UPLOAD_STATUS 常量的导出方式为组件上的静态属性
      • \n
    \n
    • \n
\n

8.0.1(2020-01-19)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 新版使用和老版本不一样的类名
      • \n
    • 🦀️ 修复一个删除上传项时页数计算错误的问题
      • \n
    \n
    • \n
\n

8.0.0(2020-01-17)

\n
    \n
  • 🎉 增加 Waypoint 组件，这个组件抽象了元素移入/移除屏幕的逻辑
    • \n
  • 🎉 增加 Dropdown 组件，只是对 Popover 组件的一层简单封装
    • \n
  • 🎉 [breaking change] 重写 Upload 组件，不兼容老版本；老版本请使用 @zent/compat
    • \n
  • \n

    Affix

    \n
      \n
    • [breaking change] ✨ offsetTop 不再有默认值 0，必须自己传
      • \n
    • ✨ 使用 Waypoint 重写
      • \n
    • ✨ 支持同时设置 offsetTop 和 offsetBottom
      • \n
    \n
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • ✨ 使用 Waypoint 重写
      • \n
    • [breaking change] ✨ 删除无用的 offset，useCapture 和 prefix 属性
      • \n
    • [breaking change] ✨ 重命名 initialLoad 为 skipLoadOnMount，意义相反，默认值行为没变
      • \n
    • [breaking change] ✨ hasMore 默认值修改为 false
      • \n
    • [breaking change] ✨ useWindow 默认值修改为 false
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ 支持 disabled 属性
      • \n
    • ✨ 删除 prefix 支持
      • \n
    • 🦀️ onChange 现在传入的是原始的 option 元素
      • \n
    • 🦀️ 更新 placeholder 文字颜色
      • \n
    • 🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 .open 这种
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • ✨ 删除 prefix 支持
      • \n
    • 🦀️ 更新组件的箭头图标，和其他组件保持一致
      • \n
    • 🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 .tags__empty 这种都被替换掉了
      • \n
    \n
    • \n
  • ✨ 优化了全局事件处理
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ 增加两个新图标 filter-o 和 scan-code-o
      • \n
    • ✨ 重命名 text-guide 为 text-guide-o
      • \n
    • ✨ 重命名 video-guide 为 video-guide-o
      • \n
    \n
    • \n
  • ✨ QuickDateRangePicker 支持默认选中一个 preset
    • \n
  • ✨ eslint 替换 tslint
    • \n
  • 🦀️ 更新 Dialog 关闭按钮样式
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 增加 useFieldValue hook
      • \n
    • ✨ Form 上增加 getSubmitValue 方法
      • \n
    • 🦀️ 更新错误样式
      • \n
    • 🦀️ 更新类型定义
      • \n
    • 🦀️ 导出 FormDescription 组件
      • \n
    • 🦀️ FormSelectField 透传 withoutLabel 属性
      • \n
    • 🦀️ layout 改为可选参数
      • \n
    \n
    • \n
  • 🦀️ 修复 CopyButton 的类型定义
    • \n
  • 🦀️ 修复 Pagination 的字体样式
    • \n
  • 🦀️ 修复 Rate 组件小数值时的图标显示问题
    • \n
  • 🦀️ 修复部分组件 babel-plugin-zent 处理不正确的问题
    • \n
\n

7.4.5(2021-03-11)

\n
    \n
  • 🦀️ 回迁 PR#1406，修复 Swiper 的快速切换的逻辑问题
    • \n
\n

7.4.4(2020-05-11)

\n
    \n
  • 🦀️ 修复一个 NumberInput 输入状态不对的问题
    • \n
\n

7.4.3(2019-12-19)

\n
    \n
  • 🦀️ 修复 FormSelectField 的 destroyOnUnmount 没有生效的问题
    • \n
  • 🦀️ 优化 Form 的类型定义
    • \n
  • 🦀️ FormNumberInputField(integer) 以及 FormSelectField(tags, data) 的所有属性都归入 props 下，跟其他组件统一
    • \n
  • 🦀️ 更新表单报错的样式
    • \n
\n

7.4.2(2019-12-13)

\n
    \n
  • 🦀️ 修复 Grid 一个样式问题
    • \n
  • 🦀️ 修复 DateRangeQuickPicker 的类型问题
    • \n
\n

7.4.1(2019-12-13)

\n
    \n
  • ✨ 新增 3 个新图标：doc, video, audio
    • \n
  • ✨ 使用一个内置的精简版替换 tinycolor2
    • \n
  • 🦀️ 修复 Layout 组件不兼容 SSR 的问题
    • \n
  • 🦀️ Grid 的 column name 支持 a.b.c 这种写法，不推荐使用，仅为和老版本兼容
    • \n
  • 🦀️ 修复 Sortable 组件重复初始化的问题以及类型定义
    • \n
  • 🦀️ 修复 TextMark 的类型定义
    • \n
  • 🦀️ 增大时间选择组件的图标大小
    • \n
  • 🦀️ 调整 BlockHeader 的 title 类型为 ReactNode
    • \n
  • 🦀️ 清理了 createAlias 相关的无用代码
    • \n
\n

7.4.0(2019-12-06)

\n
    \n
  • ✨ 新增 Tooltip 组件，用于展示提示信息
    • \n
  • ✨ 删除 lodash-es 依赖，改用内置函数以及语言特性，同时明确了必须的 polyfill
    • \n
  • 🦀️ [breaking change] 所有时间选择组件的 isFooterVisble 参数重命名为 isFooterVisible，这是个存在很久的拼写错误；如有使用地方，全局替换即可，不发大版本了。
    • \n
  • 🦀️ 修复 Select 选项过滤之后按回车选择没有用的问题
    • \n
  • 🦀️ 修复 Upload 组件在上传中删除某一项时报错的问题
    • \n
  • 🦀️ Upload 组件拖动排序之后不再重置每个图片的唯一 ID
    • \n
\n

7.3.2(2019-11-29)

\n
    \n
  • ✨ Link 组件独立目录，同时兼容 Disabled 组件
    • \n
\n

7.3.1(2019-11-27)

\n
    \n
  • ✨ 新增 Link 组件替换 zent-link CSS 的使用场景
    • \n
  • ✨ Radio 和 Checkbox 新增 labelStyle
    • \n
  • 🦀️ 修复 ButtonDirective 样式问题
    • \n
  • 🦀️ 修复打包编译时读取到的包版本和发布的版本不一致的问题
    • \n
  • 🦀️ 回滚 Radio 文字标签的 display 为 inline
    • \n
  • 🦀️ 修复 RadioGroup 内非 Radio 组件不可见的问题
    • \n
  • 🦀️ 修复 CheckboxGroup 内非 Checkbox 组件不可见的问题
    • \n
\n

7.3.0(2019-11-25)

\n
    \n
  • 🎉 隔离不同版本 zent 的样式，避免页面上存在两份 zent 时的样式污染。
    • \n
  • 🎉 增加了一批编译期常量，可在 TypeScript 或者 SCSS 文件内使用，类似 C 语言的 __FILE__ 这种变量
    • \n
  • 🦀️ 更新 BlockHeader 内部图标颜色
    • \n
  • 🦀️ 修复 Grid 批量操作导致滚动展示异常的问题
    • \n
  • 🦀️ 修复 FormRadioGroupField defaultValue 的判空问题
    • \n
\n

样式隔离可能的不兼容影响

\n
    \n
  • 如果有代码直接使用了 zent 的 CSS 样式，但是没有使用 zent 的组件，这个版本之后这些使用方式都会失效。
    • \n
  • 部分自定义样式如果优先级和组件库内的是一样的，但是依赖样式出现的顺序来实现覆盖的，在这个版本之后可能会遇到自定义样式失效的问题；解决方案是增加一个自定义类名，提高自定义样式的优先级。
    • \n
\n

已知受影响的使用场景

\n
    \n
  • 直接使用 Icon CSS 样式的请使用 Icon 组件
    • \n
  • 直接使用 Breadcrumb CSS 样式的请使用 Breadcrumb 组件
    • \n
  • 使用 zent-link CSS 样式的请使用 Link 组件，这个组件就是一个 a 标签，封装了样式
    • \n
\n

7.2.0(2019-11-18)

\n
    \n
  • 🎉 新增 IMEComposition 组件，同时对有用到 input 的组件内部做了兼容处理
    • \n
  • ✨ Grid 添加批量操作支持
    • \n
  • ✨ Pagination 增加到达最后一页时的提示支持
    • \n
  • ✨ 升级 date-fns 到 2.x 版本
    • \n
  • ✨ Fork fecha，用 TypeScript 重写；官方的包类型定义问题反反复复出现，不跟他们玩了
    • \n
  • 📚 扩充了 Form 的上手文档
    • \n
  • 🦀️ 增大 BlockHeader 的图标
    • \n
  • 🦀️ 修复 Radio 以及 Checkbox 的高度问题，现在不会有多余的垂直方向空白了
    • \n
  • 🦀️ 修复了 useFieldArrayValue 数据丢失的问题
    • \n
  • 🦀️ 优化 Form 默认的错误渲染函数处理 undefined 的逻辑
    • \n
  • 🦀️ 修复 FormSelectField, Form 以及 FieldSet 的类型定义问题
    • \n
  • 🦀️ 修复 Switch, CopyButton 以及 DatePicker 的类型定义问题
    • \n
\n

7.1.0(2019-11-08)

\n
    \n
  • ✨ Select 增加 retainNullOption 参数允许选中值为 null 的选项
    • \n
  • ✨ 新增 Notify.info
    • \n
  • 📚 全新的图标列表
    • \n
  • 🦀️ 修复 Progress 在 Safari 下页面缩放时的样式错位问题
    • \n
  • 🦀️ 修复 Form 和 Cascader 的类型定义
    • \n
  • 🦀️ 更新 Pagination 和 QuarterPicker 中 i18n 的使用方法
    • \n
\n

7.0.1 (2019-11-01)

\n
    \n
  • 🦀️ Form 增加 default export
    • \n
\n

7.0.0 (2019-11-01)

\n

改动较多，参考这个文档。

\n

6.6.2 (2019-02-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复异步检验通过还是报错的问题
      • \n
    • 🦀️ 更新 createForm 的 TypeScript 定义
      • \n
    \n
    • \n
  • 🦀️ 增加 Affix 以及 Avatar DOM 节点不存在时的异常校验
    • \n
\n

6.6.1 (2019-01-30)

\n
    \n
  • 🦀️ 修复 Grid 表头滚动时内容不跟着滚动的问题
    • \n
\n

6.6.0 (2019-01-29)

\n
    \n
  • ✨ Grid 支持表头分组
    • \n
  • 🦀️ 修复了 Table, Grid, WindowResizeHandler 的 undefined 报错问题
    • \n
\n

6.5.3 (2019-01-13)

\n
    \n
  • ✨ Pop 支持函数形式的 position 参数，参考 Popover.Position.create
    • \n
  • \n

    Form

    \n
      \n
    • 📚 增加了自定义校验函数的文档
      • \n
    • 🦀️ 修复了使用 Fragment 时滚动报错的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 ClampLines 组件修改 text 后不更新的问题
    • \n
  • 🦀️ 修复了几个组件中 unmount 之后部分代码报错的问题，包括 Table, Select, Grid, ClampLines
    • \n
\n

6.5.2 (2018-12-12)

\n
    \n
  • ⚠️ 回滚了之前 6.4.0 版本引入的一个 FormSelectField 在 tags 模式下的不兼容改动，不影响 Select 组件本身，且这个问题只在使用了 FormSelectField 的 tags 模式才会出现。
    • \n
\n

6.5.1 (2018-12-07)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ 增加维权图标
    • \n
  • \n

    Table

    \n
      \n
    • ✨ 支持在行内渲染半选中状态的复选框
      • \n
    • 🦀️ 修复右对齐无效的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 Form 对组件类型的检查
    • \n
  • 🦀️ 修复了一些 TypeScript 的类型定义问题
    • \n
\n

6.5.0 (2018-10-29)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n

⚠️ Form 的改动可能会导致之前写的有问题代码暴露出问题来，如果遇到这个问题请在 onSubmitFail 里处理这些异常。

\n
    \n
  • ✨ 增加一批新的图标
    • \n
  • 🦀️ Form 提交时不会再静默吞掉未处理的异常
    • \n
  • 🦀️ 用 lodash/assign 替换了代码中对 Object.assign 的依赖
    • \n
  • 🦀️ 修复 SKU 组件中弹窗的层级问题
    • \n
  • 🦀️ 修复 Grid 组件的 TypeScript 定义
    • \n
\n

6.4.1 (2018-10-16)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ Tabs 通过 navExtraContent 增加导航栏自定义额外内容的能力
    • \n
\n

6.4.0 (2018-09-26)

\n

⚠️ 这个版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ FormSelectField 支持 tags 模式 (已回滚)
    • \n
  • 🦀️ 修复 Select 组件 placeholder 颜色不对的问题
    • \n
  • 🦀️ 修复 Upload 上传多个音频时的样式问题
    • \n
\n

6.3.0 (2018-09-07)

\n
    \n
  • ✨ TimePicker 组件增加 disabledTime 时间禁用函数属性
    • \n
  • ✨ Loading 支持延迟显示
    • \n
  • ✨ 打包支持 ES module 输出形式
    • \n
  • ✨ babel-plugin-zent@1.2.1 支持只处理样式引入，配合 ES module 实现 tree shaking（需要打包工具支持）
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • 🦀️ 修复反复触发 loadMore 回调的问题
      • \n
    • 🦀️ 修复文档问题
      • \n
    \n
    • \n
\n

6.2.0 (2018-08-24)

\n
    \n
  • 🎉 新增多文本缩略显示 ClampLines 组件
    • \n
  • ✨ Grid 支持拖拽操作
    • \n
  • ✨ Menu 添加子菜单折叠/展开以及点击的回调函数
    • \n
  • 🦀️ DatePicker 关闭浏览器自动填充输入框的行为
    • \n
  • 🦀️ 修复 Form 初始化 FieldArray 时的问题
    • \n
\n

6.1.0 (2018-08-03)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 支持给每一列设置一个默认的展示文案
      • \n
    • 🦀️ 修复 selection.getCheckboxProps 没有实时更新的问题
      • \n
    \n
    • \n
  • ✨ 新增几个 Icon
    • \n
  • ✨ Cascader 支持通过 expandTrigger 设置子菜单的触发方式
    • \n
  • ✨ Pop 增加 containerSelector 支持
    • \n
  • \n

    Button

    \n
      \n
    • ✨ 样式更新
      • \n
    • ✨ 当按钮文案为两个中文字符时，会在两个字符中间插入一个空格
      • \n
    \n
    • \n
  • 🦀️ 修复了 NumberInput 处理 .xy 形式的浮点数的问题
    • \n
  • 🦀️ Table 选择模式下支持将行设置为选中同时是禁用的状态
    • \n
  • 🦀️ 修复 Form 中 FieldArray 没有正确更新的问题
    • \n
  • 🦀️ 修复了非常多的 TypeScript 定义问题
    • \n
\n

6.0.1 (2018-07-13)

\n
\n

⚠️ 之前的版本 Icon 字体文件可能在 Windows 下展示会有问题，如果 Window 环境对你很重要建议使用这个版本。

\n
\n
    \n
  • 🦀️ 修复 Windows 下 Icon 显示不正常的问题
    • \n
\n

6.0.0 (2018-07-04)

\n
\n

这个版本移除了对 React 15.3 以下版本的支持。

\n

文档网站从这个版本开始将放到 github pages 上维护。

\n
\n
    \n
  • 💥 [breaking change] 删除 Loading 组件的 on, off 以及 newInstance 方法
    • \n
  • 💥 [breaking change] 修复 WeekPicker 的禁用和选中逻辑
    • \n
  • 💥 [breaking change] Table 单元格的 box-sizing 变为 border-box
    • \n
  • 💥 [breaking change] 删除 Select 弹层上的 zent-select 类名，这个类名只应该存在于 trigger 上面
    • \n
  • 🎉 新组件 Mention
    • \n
  • 🎉 新组件 Timeline
    • \n
  • 🎉 Tree 重写了一个新版，兼容老的 API，通过 useNew 启用；新版加入了受控模式支持
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArray 支持串行调用多次操作函数，如 push 等
      • \n
    • ✨ DateRangePickerField 以及 DateRangeQuickPickerField 支持通过 dateFormat 来透传依赖组件的 format prop
      • \n
    • ✨ 补全 DatePicker 相关的 Field 类型，比如 FormWeekPickerField 等
      • \n
    • ✨ FieldArray 支持通过 setFieldsValue 以及 initialize 修改值
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ 增加 TypeScript 类型定义
      • \n
    • ✨ 支持 expandation 行展开配置
      • \n
    • ✨ 增加行展开时的 onExpand 回调函数
      • \n
    • ✨ onChange 回调支持传递分页大小
      • \n
    • 🦀️ 移除 cloneDeep 的使用，React 16 下复制 jsx 会报错
      • \n
    • 🦀️ 修复 rowKey 无效的问题
      • \n
    • 📚 文档优化
      • \n
    \n
    • \n
  • \n

    ErrorBoundary

    \n
      \n
    • ✨ 增加 catchError HOC，适合使用 decorator 的场景
      • \n
    • 📚 修复文档中 withErrorBoundary 的描述
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ 增加 displayText 回调自定义选中值的展示
      • \n
    • 🦀️ 修复 value 值不存在时报错的问题
      • \n
    \n
    • \n
  • ✨ Table 组件的 onChange 回调支持传递分页大小
    • \n
  • ✨ AutoComplete 增加 TAB 按键处理
    • \n
  • ✨ SplitButton 支持下拉菜单位置配置
    • \n
  • ✨ Pagination 支持在分页大小改变时触发 onPageSizeChange 回调函数
    • \n
  • 🦀️ 修复 BlockHeader 标签类型限制的问题(p 不能嵌套 div)
    • \n
  • 🦀️ 修复 Avatar 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 Sortable 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 SplitButton 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 Tabs 的 TypeScript 类型定义
    • \n
  • 🦀️ 添加了几个新的图标
    • \n
  • 🦀️ 修复 Input 组件的 addonBefore 和 addonAfter 样式
    • \n
  • 🦀️ 修复 Swiper 组件只有两个元素时删除其中一个元素时位置错位的问题
    • \n
  • \n

    Dialog

    \n
      \n
    • 🦀️ 修复关闭时报错的问题
      • \n
    • 🦀️ 修复 SSR 报错
      • \n
    \n
    • \n
  • 🦀️ 修复 Button 组件代码里的一些拼写错误，不影响功能
    • \n
  • 🦀️ 修复 Collapse 组件的 props 类型申明
    • \n
  • 🦀️ 修复 DatePicker 时间禁用逻辑
    • \n
  • 🦀️ 修复 Select 某些情况下 focus 报错的问题
    • \n
  • 🦀️ 修复 Loading 组件在 React 16 下关闭报错的问题
    • \n
  • 🦀️ 删除了 Card 中的一些无用样式
    • \n
  • 📚 修复文档的 babel 拼写错误
    • \n
\n

Breaking change 迁移方案

\n
\n

Loading on, off, newInstance 的迁移方案：

\n
\n

将 Loading.on 以及 Loading.off 替换为组件形式，并通过 state 上的开关控制。

\n
<Loading float show={this.state.loading} />
\n

如果使用了 newInstance 方法，渲染多个 Loading 实例即可。

\n
\n

WeekPicker 迁移方案:

\n
\n
    \n
  • 涉及到自定义了 diabledDate 的场景，新版中返回的日期区间将只包含可选的日期，老版本会返回整个完整的周，包括那些不可选的日期。这个代码里自行处理下，多数情况应该没有影响。
    • \n
  • 内部维护的周日期区间 [start, end] 两个值的时间部分有变化，新版 start 时间部分是 00:00:00:000, end 时间部分是 23:59:59:999。所以在 disabledDate 的回调函数里判断日期是否禁用的时候需要注意时间部分的差，原则上日期比较是不应该关注时间部分的，但是很多写得不好的代码是直接 a.getTime() < b.getTime() 这样比较的，这种用法很大概率上会出问题。
    • \n
\n
\n

Table 单元格样式迁移方案:

\n
\n

之前是 content-box，这次更新之后变为 border-box，有些情况下可能会出现单元格变窄的情况，需要在使用的地方适当将受影响的单元格加宽。

\n
\n

Select 弹层的 zent-select 类名迁移方案：

\n
\n

首先把这个类名删除是正确的，trigger 和 弹层是不应该公用一个类名的。之前依赖弹层上的 zent-select 类名的地方改为 zent-select__popover 就行了。

\n

5.1.1 (2018-04-19)

\n
    \n
  • 🦀️ 修复 Dialog 某些情况下关闭的时候没有动画的问题
    • \n
  • 🦀️ 修复 Table 单元格宽度超出设置值的问题
    • \n
  • 🦀️ Form 滚动到第一个错误位置时允许非 ControlGroup 封装的 Field
    • \n
  • ✨ 升级 lerna 到最新版
    • \n
\n

5.1.0 (2018-04-17)

\n
    \n
  • 🎉 新组件 ErrorBoundary，需要 React >= 16
    • \n
  • 🎉 新组件 SplitButton
    • \n
  • ✨ previewImage 支持图片缩放
    • \n
  • ✨ BlockHeader 增加 childAlign 属性，支持子元素靠右侧显示
    • \n
  • ✨ Portal 组件重构，新增 PurePortal 和 LayeredPortal
    • \n
  • ✨ 升级 Design 组件的拖拽库
    • \n
  • ✨ Dialog 增加打开/关闭动画
    • \n
  • \n

    YearPicker

    \n
      \n
    • ✨ 支持设置 max 和 min
      • \n
    • ✨ value 支持 Date 类型
      • \n
    \n
    • \n
  • 🦀️ 修复 height 在 Loading 不显示的时候被忽略的问题
    • \n
  • 🦀️ 修复 BlockHeader 弹层样式
    • \n
  • 🦀️ 修复 Popover 在 React 16 下位置计算不正确的问题
    • \n
  • 🦀️ 修复 Form 组件 asyncValidate 的返回值在某些条件下不是 Promise 的问题
    • \n
  • 🦀️ 修复 Pagination 样式问题
    • \n
  • 🦀️ Select 的 tag 模式会撑大内容区域，而不是出现滚动条
    • \n
  • 🦀️ Cascader 单测兼容 React 16
    • \n
  • 📚 更新文档网站中英文截图
    • \n
\n

5.0.1 (2018-03-20)

\n
    \n
  • 🦀️ 修复 WeekPicker 文字溢出问题
    • \n
  • 🦀️ 修复了一些打包问题
    • \n
\n

5.0.0 (2018-03-16)

\n
\n

⚠️ 这个版本 Upload 组件有问题，请不要使用。

\n

从这个版本开始正式支持 React 16，后续开发都将基于 16。

\n
\n
    \n
  • 🎉 升级 React 以及 Enzyme 到最新版本，正式支持 React 16
    • \n
  • \n

    Button

    \n
      \n
    • ✨ 添加对图标的支持
      • \n
    • ✨ 新增 Button.Group 容器
      • \n
    \n
    • \n
  • ✨ Steps 组件新增一个 process 状态，并且默认值也修改为 process
    • \n
  • 🦀️ 修复 Loading 组件高度问题
    • \n
  • 🦀️ 更新 BlockHeader 组件样式
    • \n
  • \n

    Tree

    \n
      \n
    • 🦀️ 修复节点 expand 不生效的问题
      • \n
    • 📚 补充 loadMore 的文档
      • \n
    \n
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 允许通过 errorMessages 参数自定义错误提示文案
      • \n
    • 🦀️ 收敛 CSS 的类名，降低冲突风险
      • \n
    \n
    • \n
\n

4.3.2 (2018-03-07)

\n
\n

⚠️ 这个版本 Loading 组件样式有问题，请不要使用。

\n
\n
    \n
  • 🦀️ 更新 Loading 组件高度设置逻辑
    • \n
  • 🦀️ 修复 Pagination 文案
    • \n
  • 🦀️ 修复 Radio 和 Checkbox 组件嵌套使用时的问题
    • \n
  • 🦀️ Radio 和 Checkbox 的分组组件只读或禁用时会忽略组件自身的设置
    • \n
  • 🦀️ 修复 Upload 组件样式问题
    • \n
\n

4.3.1 (2018-03-05)

\n
    \n
  • 🦀️ 修复 Select 组件在标签样式下 placeholder 缩进不一致的问题
    • \n
  • 🦀️ 修复 Popover 在特定情况下循环调用 adjustPosition 的问题
    • \n
  • 🦀️ 调整 Tree 组件的字体大小
    • \n
  • 🦀️ 修复 Grid 组件在 Windows 系统下的现实问题
    • \n
  • 🦀️ 修复 CopyButton 在某些情况下选择错误的问题
    • \n
\n

4.3.0 (2018-02-14)

\n
\n

情人节快乐！新春快乐!

\n
\n
    \n
  • 🎉 新增 AutoComplete 组件
    • \n
  • 🎉 新增 Rate 评分组件
    • \n
  • 🦀️ 优化 Notify 动画
    • \n
  • 🦀️ 去除 Tabs 组件样式中不必要的 !important
    • \n
  • 🦀️ 修复 Select 搜索框无法获取输入焦点的问题
    • \n
\n

4.2.3 (2018-02-09)

\n
    \n
  • 🦀️ 修复 Sortable 在没传 items 时的问题
    • \n
\n

4.2.2 (2018-02-07)

\n
    \n
  • ✨ Steps 新增垂直样式
    • \n
  • 🦀️ 修复 Grid 表头高度问题
    • \n
  • 🦀️ 修复打包 CSS 样式丢失问题
    • \n
\n

4.2.1 (2018-02-06)

\n
\n

⚠️ 这个版本 CSS 打包有问题，请不要使用。

\n
\n
    \n
  • 🦀️ 修复 Upload 文件类型判断问题
    • \n
\n

4.2.0 (2018-02-05)

\n
\n

⚠️ 这个版本 CSS 打包有问题，请不要使用。

\n
\n
    \n
  • 🎉 新组件 Avatar
    • \n
  • 🎉 新组件 Collapase
    • \n
  • ✨ Menu 增加内联模式
    • \n
  • ✨ Cascader 支持菜单样式
    • \n
  • ✨ Input 清空按钮的回调函数中加入判断来自按钮的参数
    • \n
  • ✨ 补全各个时间选择器的 TypeScript 定义
    • \n
  • ✨ Badge 组件支持自定义偏移量
    • \n
  • ✨ NumberInput 支持回车确认输入
    • \n
  • ✨ Upload 的 onUpload 回调支持返回一个 Promise
    • \n
  • 🦀️ 修复 Sortable 中 onMove, onEnd 与 onChange 同时传入时的问题
    • \n
  • 🦀️ 修复 Form 中的多行文本框无法换行的问题
    • \n
  • 🦀️ 修复 InfiniteScroller 样式问题
    • \n
  • 🦀️ 修复 Select 键盘事件无效的问题
    • \n
  • 🦀️ 修复 Grid 边框样式问题
    • \n
  • 🦀️ 修复 Select 死循环问题
    • \n
\n

4.1.0 (2018-01-29)

\n
    \n
  • 🎉 新增 TimePicker 和 TimeRangePicker
    • \n
  • 🎉 新增 Placeholder 组件
    • \n
  • 🎉 新的文档网站样式
    • \n
  • \n

    Card

    \n
      \n
    • ✨ 新增 loading 状态支持
      • \n
    • ✨ 支持嵌套的卡片
      • \n
    • 🦀️ 样式更新
      • \n
    \n
    • \n
  • ✨ DatePicker 支持 canClear 参数配置是否可以清除选中的时间
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 支持外部传入分组
      • \n
    • 🦀️ 修复可以选择超过 maxAmount 数量文件的问题
      • \n
    • 🦀️ 修复自动弹出的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 Notify 背景色
    • \n
\n

4.0.0 (2018-01-23)

\n
    \n
  • 💥 DateRangePicker 不再支持合并模式，type 参数废弃，升级请注意样式
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 支持分组功能
      • \n
    • ✨ 国际化支持
      • \n
    \n
    • \n
  • ✨ Menu 支持图标展示
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 修复未选择时间直接确认没有考虑最小时间的问题
      • \n
    • 🦀️ 修复最小时间的判断问题
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ 文档样式修复
      • \n
    • 🦀️ DesignEditor 不再继承 PureComponent
      • \n
    \n
    • \n
  • 🦀️ Slider 样式修复
    • \n
  • 🦀️ 修复文档网站锚点失效的问题
    • \n
  • 🦀️ Grid 修复头部高度不同步的问题
    • \n
  • 🦀️ 优化 Notify 的动画
    • \n
  • \n

    Select

    \n
      \n
    • 🦀️ 修复在部分浏览器下的兼容性问题
      • \n
    • 🦀️ 修复 emptyText 无效的问题
      • \n
    \n
    • \n
  • 🦀️ Sortable 修复示例
    • \n
\n

3.12.3 (2018-01-10)

\n
    \n
  • 🦀️ 修复 Slider 组件背景色问题
    • \n
  • 🦀️ Upload 添加 image/bmp 支持
    • \n
  • 🦀️ 修复 Design demo 中按钮布局和样式
    • \n
\n

3.12.2 (2018-01-09)

\n
    \n
  • ✨ Loading 没有 children 时去掉蒙层的背景色
    • \n
  • ✨ 重命名文件，保持项目内统一
    • \n
  • 🦀️ 修复 Grid 头部样式
    • \n
  • 🦀️ 修复大号 Button 字体大小
    • \n
  • 🦀️ 修复 MonthPicker 没有判断年份的问题
    • \n
  • 📚 增加了国际化的文档
    • \n
\n

3.12.1 (2018-01-05)

\n
    \n
  • 🦀️ 修复 CombineDateRangePicker 没有选完就关闭的问题
    • \n
  • 🦀️ 修复 Notify 出场动画问题
    • \n
\n

3.12.0 (2018-01-04)

\n
    \n
  • 🎉 新增拖拽排序组件 Sortable
    • \n
  • 🎉 组件国际化支持
    • \n
  • ✨ Tag 支持外部控制显示隐藏
    • \n
  • ✨ Input 组件支持清除按钮
    • \n
  • ✨ Grid 组件支持表头固定垂直滚动
    • \n
  • ✨ Notify 支持多个实例排列显示，同时加上了进出场动画
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 修改错误显示逻辑，支持 displayError 控制错误是否显示
      • \n
    • ✨ Field 支持 relatedFields 指定检验时同时触发的其他字段
      • \n
    • ✨ 重写 FieldArray
      • \n
    \n
    • \n
  • ✨ Swiper 支持动态增减图片
    • \n
  • ✨ Design 支持 settings 以及 onSettingsChange 来设置动态全局配置
    • \n
  • ✨ Sweetalert 支持配置关闭按钮以及点击蒙层是否关闭
    • \n
  • 🦀️ 修复 DateRangePicker 禁用样式
    • \n
  • 🦀️ 修复 Loading 布局中的问题
    • \n
  • 🦀️ 修复 DatePicker onChange 值不对的问题
    • \n
  • 🦀️ 修复 NumberInput onBlur 与 onChange 事件抛出的值不一致的问题
    • \n
  • 🦀️ 修复 Upload 上传图片乱序的问题
    • \n
  • 🦀️ 修复 Select tag 类型选中顺序不一致的问题
    • \n
  • 🦀️ 修复 ColorPicker 颜色输入框无法删除的问题
    • \n
  • 🦀️ 修复 textarea 高度抖动的问题
    • \n
  • 🦀️ 修复了一些 typo
    • \n
  • 🦀️ 修复 yarn new-component 命令
    • \n
\n

3.11.0 (2017-12-20)

\n
    \n
  • 🎉 新组件季度选择器 QuarterPicker
    • \n
  • ✨ Select 支持选中后清除
    • \n
  • ✨ Grid 支持表头固定的纵向滚动方式
    • \n
  • ✨ DatePicker 交互优化，没有时间的时候不需要按确认按钮
    • \n
  • ✨ Upload 支持已选图片拖拽排序
    • \n
  • ✨ Input 的 textarea 模式支持文字计数
    • \n
  • ✨ Input 的 textarea 模式支持根据高度自动撑高
    • \n
  • ✨ BlockHeader 修改弹层位置
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 新增图片广告示例组件
      • \n
    • ✨ 新增富文本示例组件
      • \n
    • ✨ 支持在 preview 底部显示额外的信息
      • \n
    \n
    • \n
  • ✨ Popover 和 Pop 新增 onPositionUpdated 回调函数
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 修改 required 校验规则，null 也认为是错误
      • \n
    • ✨ 支持禁止表单内部输入框回车提交表单的行为
      • \n
    • 🦀️ 修复 validationOnChange 为 false 时部分情况下组件重新渲染的问题
      • \n
    • 🦀️ 修复自动滚动到第一个错误处无法处理 Functional Component 的问题
      • \n
    \n
    • \n
  • \n

    Swiper

    \n
      \n
    • 🦀️ 修复只有一个图片时的问题
      • \n
    • 🦀️ 修复快速连续点击上一张/下一张的动画问题
      • \n
    \n
    • \n
  • 🦀️ Loading 修复图标不居中的问题
    • \n
  • 🦀️ 滚动函数支持运行在 node.js 环境
    • \n
  • 🦀️ Table 修复使用 batchcomponents 时报错的问题
    • \n
  • 📚 InfiniteScroller 修复文档错误
    • \n
  • 📚 Button 修复示例
    • \n
\n

3.10.7 (2017-12-07)

\n
    \n
  • ✨ Menu 支持传入额外的自定义样式
    • \n
  • 🦀️ Upload 修复单文件上传的问题
    • \n
\n

3.10.6 (2017-12-06)

\n
    \n
  • ✨ Form 组件支持表单报错事滚动到第一个错误处
    • \n
  • 🦀️ Upload 增加文件过滤支持
    • \n
\n

3.10.5 (2017-12-05)

\n
    \n
  • 🦀️ 回滚 Design 的预览宽度为 320px
    • \n
\n

3.10.4 (2017-12-04)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ 预览区域宽度调整为 375px
      • \n
    • 🦀️ 样式优化
      • \n
    \n
    • \n
  • ✨ Pop 和 Popover 组件导出了 adjustPosition 用于在极端情况下手动触发位置更新
    • \n
  • 🦀️ 修复 Button 组件在某些全局环境下，样式错误的问题
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 样式优化
      • \n
    • 🦀️ 处理了一些 ES6 的兼容问题
      • \n
    \n
    • \n
\n

3.10.3 (2017-11-29)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修复 accept 参数无效的问题
      • \n
    • 🦀️ 修复语音上传问题
      • \n
    \n
    • \n
  • 🦀️ Pagination 样式修复
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 修改添加组件按钮样式
      • \n
    • ✨ 优化删除组件逻辑
      • \n
    • 🦀️ 去掉添加/删除组件时的自动滚动
      • \n
    \n
    • \n
\n

3.10.2 (2017-11-28)

\n
    \n
  • 🦀️ 修复 Upload 组件 accept 参数无效的问题
    • \n
\n

3.10.1 (2017-11-27)

\n
    \n
  • 🎉 NumberInput 新增一种新样式，通过 showCounter 开启
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 组件增强文件类型判断功能
      • \n
    • ✨ 支持语音上传
      • \n
    • 🦀️ 修复删除图片位置不对的问题
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ 修复了一些样式问题
      • \n
    • ✨ 新增 canInsert, canDelete 用于细粒度控制添加/删除按钮
      • \n
    \n
    • \n
  • 🦀️ 修复 Form 组件有异步校验导致无法提交的问题
    • \n
  • 🦀️ 修复 Pop 的 TypeScript 类型定义
    • \n
\n

3.10.0 (2017-11-24)

\n
    \n
  • 🎉 新增年份选择组件 YearPicker
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 新的添加组件交互
      • \n
    • ✨ 不再依赖 react-dnd
      • \n
    \n
    • \n
  • 🦀️ 修复 Cascader 数据不能为空的问题
    • \n
\n

如果你的 Design 组件依赖 react-dnd 你可能需要在 App 的顶层自己注入 react-dnd 的 context.

\n
import HTML5Backend from \'react-dnd-html5-backend\';\nimport { DragDropContextProvider } from \'react-dnd\';\n\nexport default class YourApp {\n  render() {\n    return (\n      <DragDropContextProvider backend={HTML5Backend}>\n        /* ... */\n      </DragDropContextProvider>\n    );\n  }\n}
\n

3.9.9 (2017-11-22)

\n
    \n
  • \n

    Design

    \n
      \n
    • 🦀️ 修复添加组件浮层字体颜色不对的问题
      • \n
    • 🦀️ 暂时去掉了选中组件时滚动到屏幕内的行为
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复 FieldArray 因删减导致的表单校验报错的问题
      • \n
    • 🦀️ 修复 FieldArray 在嵌套使用时，部分域增删时数据不对问题
      • \n
    • 🦀️ 修复文档中错误文字
      • \n
    • 🦀️ 修复 setFieldsValue 和 initialize 方法无法设定表单域为 0 的问题
      • \n
    • 🦀️ 修复 validateOnChange 和 validateOnBlur 同为 false 时，部分情况下仍然在非提交时报错
      • \n
    \n
    • \n
\n

3.9.8 (2017-11-21)

\n
    \n
  • 🦀️ 更新 Design 删除/添加组件的交互
    • \n
\n

3.9.7 (2017-11-20)

\n
    \n
  • 🦀️ 修复 Design 分组样式问题
    • \n
\n

3.9.6 (2017-11-20)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ 当组件达到最大可添加数量时，支持展示一个提示给用户
      • \n
    • ✨ 样式更新，最主要的是去掉了添加组件区域上面的箭头
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ 增加了一个 select 方法用于选中输入框的文字，同时也支持 autoSelect 来默认选中部分文字
      • \n
    • 🦀️ 修复了 diabled 状态的样式问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Upload 组件无法重复上传同一个组件的问题
    • \n
  • 🦀️ 修复了 Select 中 data 参数为 undefined 或者 null 时报错的问题
    • \n
  • 🦀️ 修复了 MonthPicker 的禁用逻辑
    • \n
  • 🦀️ 修复了 Table 组件的 emptyLabel 类型
    • \n
  • 🦀️ 修复了 Button 组件的 TypeScript 定义
    • \n
\n

3.9.5 (2017-11-13)

\n
    \n
  • ✨ 文档网站增加组件搜索功能
    • \n
  • 🦀️ 修复了 DatePicker 时间联动禁用逻辑
    • \n
\n

3.9.4 (2017-11-09)

\n
    \n
  • 🦀️ 更新英文文档
    • \n
\n

3.9.3 (2017-11-09)

\n
    \n
  • 🎉 新版文档网站，加入了英文文档支持
    • \n
  • ✨ Progress 组件支持自定义颜色
    • \n
  • ✨ 表单组件（例如 Input, Select 等）支持通过传入 width=xx 来设置宽度
    • \n
  • ✨ Notify 组件支持 config 函数来设置全局弹框消失延迟时间
    • \n
  • ✨ DatePicker 支持 max 和 min 来禁用时间
    • \n
  • 🦀️ 修复了 Form 组件提交表单时不触发没有校验过的异步校验的问题
    • \n
  • 🦀️ 修复了 Popover 组件某些情况下调用 getBoundingClientRect 出错的问题
    • \n
\n

3.9.2 (2017-11-06)

\n
    \n
  • ✨ Design 组件支持创建时自定义默认类型
    • \n
  • 🦀️ 修复了 Table 某些情况下跨页多选失败的问题
    • \n
  • 🦀️ 修复了一些 React 16 下的兼容问题
    • \n
\n

3.9.1 (2017-11-02)

\n
    \n
  • 🦀️ 修复了 Design 的一些样式问题
    • \n
\n

3.9.0 (2017-10-31)

\n
    \n
  • ✨ 增加了基础全局样式，类似 normalize.css 和 reset.css
    • \n
  • \n

    Grid:

    \n
      \n
    • 🦀️ 修复了不能动态修改 columns 的问题
      • \n
    • 🦀️ 修复当行高高于默认高度时，左侧固定列和右侧固定列高度不一致的问题
      • \n
    • 🦀️ 修复滚动到最右侧时，最右侧固定列的阴影不消失的问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Design 代码中的一个变量名错误，不影响代码功能
    • \n
  • 🦀️ 修复了 Form 的 ControlGroup 不能处理 Functional Component 的问题
    • \n
  • 📚 更新了文档网站细节样式
    • \n
\n

3.8.1 (2017-10-26)

\n
    \n
  • 🎉 新增组件库 Demo，可以在文档的项目示例页面查看
    • \n
  • 🎉 新增新建组件样板的脚本 yarn new-component
    • \n
  • ✨ Table 支持整行选择，通过参数 canRowSelect 控制，默认关闭
    • \n
  • \n

    Design:

    \n
      \n
    • 🦀️ 修复了 defaultSelectedIndex 的应用逻辑
      • \n
    • 🦀️ 修复了 Chrome 62 中的按钮样式问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Select 组件在格式化数据时会修改 data 数组中对象的问题
    • \n
\n

babel-plugin-zent@1.1.0 (2017-10-26)

\n
    \n
  • ✨ 新增 useRawStyle 参数，支持 import postcss 样式，需要配合 zent >= 3.8.1 使用
    • \n
\n

3.8.0 (2017-10-20)

\n
    \n
  • 🎉 新组件 InfiniteScroller，用来实现滚动自动加载
    • \n
  • \n

    Form:

    \n
      \n
    • 🎉 新增 FormSection 以及 FieldArray 支持
      • \n
    • 🎉 新增 setFieldsValue 以及 initialize 方法
      • \n
    • 🎉 更多内置表单元素组件: FormColorPickerField, FormDateRangePickerField, FormNumberInputField, FormSwitchField
      • \n
    • 🎉 Field 添加重要提示 notice 属性
      • \n
    • ✨ 增加 setFormDirty 和 isFieldDirty 方法
      • \n
    \n
    • \n
  • ✨ Select 做了一些代码逻辑优化
    • \n
  • ✨ Design 添加组件的时候支持回调函数终止当前操作
    • \n
  • ✨ Popover 的 onBeforeClose 以及 onBeforeShow 支持终止当前操作
    • \n
  • 🦀️ Slider 组件现在高亮圆点的时候会同时高亮滑动条
    • \n
  • 🦀️ 修复了 DateRangePicker 的 TypeScript 定义
    • \n
  • 🦀 修复了 SearchInput 的一个样式问题
    • \n
\n

3.7.0 (2017-09-28)

\n
    \n
  • 🎉 新组件 Grid，功能和 Table 组件类似，但是底层是用 <table> 实现的，现在 Grid 有些 Table 的功能还没有实现
    • \n
  • 🎉 Zent 支持自定义主题，文档网站同步添加了色彩和主题定制的章节
    • \n
  • \n

    Steps:

    \n
      \n
    • ✨ 新增了 onStepChange 和 sequence 参数
      • \n
    • ✨ 更新了 number 类型的样式
      • \n
    \n
    • \n
  • 🦀️ 修复了 React 16 下面的一些警告
    • \n
  • 🦀️ 修复了 Slider 文档页面上的警告
    • \n
  • 🦀️ 更新了 DateRangeQuickPicker 的样式
    • \n
  • 🦀️ 修复了 Select 在选项数组置空后选中项不会重置的问题
    • \n
\n

3.6.1 (2017-09-21)

\n
    \n
  • 🦀️ 修复了 Design 的样式问题
    • \n
\n

3.6.0 (2017-09-21)

\n
    \n
  • \n

    Design:

    \n
      \n
    • ✨ 支持添加区域组件的分组展示
      • \n
    • ✨ 支持限制每个组件可添加的次数
      • \n
    \n
    • \n
  • ✨ DatePicker 添加了 onBeforeConfirm 以及 onBeforeClear 的钩子
    • \n
  • ️🦀️ 修复了 Table 全选复选框在整页都不可选时没有禁用的问题
    • \n
  • 🦀️ 修复了某些情况下 Popover 在屏幕滚动后弹出层位置错误的问题
    • \n
  • 🦀️ 修复了 MonthPicker 禁用的日期依然可以选择的问题
    • \n
\n

3.5.4 (2017-09-15)

\n
    \n
  • \n

    Swiper：

    \n
      \n
    • 🦀️ 修复了只有一张图片时的显示问题
      • \n
    • 📚 增加了实例 API 文档，用于外部控制切换
      • \n
    \n
    • \n
  • 🦀️ 修复了 Table 跨页多选在全选按钮上无效的问题
    • \n
  • 🦀️ 回滚了 Select 组件的宽度样式
    • \n
  • 🦀️ 修复了 Design 组件没有正确删除 beforeunload 事件回调函数的问题
    • \n
  • 🦀️ 更新了 Tabs 组件的 Typescript 定义
    • \n
  • 📚 更新了文档网站，添加了组件开发的详细文档
    • \n
\n

3.5.3 (2017-09-13)

\n
    \n
  • 🦀️ 修复了同时打开多个 Dialog 时遮罩 z-index 不正确的问题
    • \n
  • 🦀️ 修复了 DateRangeQuickPicker 最近 7 天的语义，包含今天
    • \n
  • 🦀️ 修复了 Tabs 组件中 activeId 为 0 时无法选中的问题
    • \n
  • 🦀️ 修复了 Form 组件 validateOnChange 和 validateOnBlur 同时设为 false 时，表单提交时不显示校验错误的问题
    • \n
  • \n

    Table:

    \n
      \n
    • 🦀️ 修复了 clearfix 样式不存在的问题
      • \n
    • 🦀️ 修复了 totalItem 没有正确读取的问题
      • \n
    • 📚 修改了 title 类型的描述
      • \n
    \n
    • \n
  • 🦀️ 修复了 Select 组件高度不正确的问题
    • \n
'}))}}}}]); \ No newline at end of file diff --git a/3314-c6304b58be574d7d0b87.js b/3314-c6304b58be574d7d0b87.js new file mode 100644 index 000000000..7a77a48fe --- /dev/null +++ b/3314-c6304b58be574d7d0b87.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3314],{63314:(e,o,c)=>{"use strict";c.r(o),c.d(o,{default:()=>u});var n=c(73450),d=c(27378),i=c(57318),l=c(24246);function a(e,o){var c=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),c.push.apply(c,n)}return c}function r(e){for(var o=1;o更新日志\n

3.5.3 之前版本的详细修改记录请看 Github 日志。

\n

升级指南

\n\n

10.0.12(2024-07-12)

\n
    \n
  • \n

    Portal

    \n
      \n
    • ✨ 减少浏览器滚动条计算引起的多次重排
      • \n
    \n
    • \n
\n

10.0.11(2024-06-14)

\n
    \n
  • \n

    🦀 修复依赖 observable-hooks 自动升级打包报错

    \n
    • \n
  • \n

    Indicator

    \n
      \n
    • 🦀 修复 Indicator 组件 IIndicatorProps 类型导出错误
      • \n
    \n
    • \n
  • \n

    Notify

    \n
      \n
    • ✨ 新增 containerSelector 和 className 属性支持
      • \n
    \n
    • \n
  • \n

    Dialog

    \n
      \n
    • ✨ 新增 position 属性支持
      • \n
    \n
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ 更新 zenticons 至 3.7.6 版本
      • \n
    \n
    • \n
\n

10.0.10(2023-10-25)

\n
    \n
  • ✨ datePicker 增加农历功能支持
    • \n
\n

10.0.9(2023-04-24)

\n
    \n
  • ✨ datePicker 增加 CombinedPanelRangePicker 和 SingleCalendarDatePanelPicker 的支持
    • \n
\n

10.0.7(2023-01-06)

\n
    \n
  • 🦀 调整 CombinedDateRangePicker 选择结束日期后的展示逻辑
    • \n
\n

10.0.6(2022-12-27)

\n
    \n
  • 🦀 修复 10.0.5 引入的 NumberInput 在一些情况下渲染死循环的问题
    • \n
\n

10.0.5(2022-12-08)

\n
    \n
  • 🦀 修复 NumberInput 在一些情况下渲染死循环的问题
    • \n
\n

10.0.4(2022-11-15)

\n
    \n
  • 🦀 Button 组件渲染为 <a> 标签，并且设置了 disabled 属性时，不再设置 href 属性
    • \n
  • 🦀️ 修复了 withErrorBoundary 的 onError 类型问题
    • \n
\n

10.0.3(2022-08-31)

\n
    \n
  • 🦀️ 修复主题色问题
    • \n
\n

10.0.2(2022-08-23)

\n
    \n
  • ✨ Select 新增 renderCollapsedContent 自定义渲染收起内容
    • \n
  • 🦀️ AnimateHeight 修复当设置 appear 为 true，height 为 auto 的时候没有动画的问题
    • \n
  • 🦀️ 修复主题色中错误的颜色
    • \n
\n

10.0.1-rc.0(2022-06-01)

\n
    \n
  • ✨ Cascader 支持 searchable 和 placeholder 参数共存
    • \n
\n

10.0.0(2022-03-28)

\n

详见 10.x 升级指南

\n

9.12.7(2022-03-15)

\n
    \n
  • \n

    Cascader

    \n
      \n
    • ✨ 增加simplifySelectionMode判断simplifySelection时是否包含disabled的路径
      • \n
    \n
    • \n
  • \n

    Sortable

    \n
      \n
    • 🦀️ 修复拖拽后有时数据会变为empty 的问题
      • \n
    \n
    • \n
  • \n

    Notice

    \n
      \n
    • 🦀 去除overflow-y: hidden，解决下方阴影显示不完全的问题
      • \n
    \n
    • \n
  • \n

    Placeholder

    \n
      \n
    • 🦀 ts 类型补全
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ expandation 中新增 isExpandable API，支持配置可展开图标显示 #1895
      • \n
    • ✨ 新增 tableLayout API，支持设置 table 的 tableLayout 属性
      • \n
    • 🦀️ Grid 未配置 tableLayout，但是配置了 scroll 或者 ellipsis 属性时，设置 tableLayout 为 fixed，解决一些单元格对齐问题
      • \n
    • 🦀️ 对设置了宽度的列设置 word-break，解决一些单元格对齐问题
      • \n
    \n
    • \n
\n

9.12.6(2022-03-02)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀 优化 selection ts 定义
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • 🦀 修复使用文本高亮时正则特殊字符报错问题
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • 🦀 修复使用文本高亮时正则特殊字符报错问题
      • \n
    \n
    • \n
  • \n

    Collapse

    \n
      \n
    • 📚 更新 activeKey 使用 demo 和相关说明
      • \n
    \n
    • \n
  • 增加 yarn workspace nohoist 配置
    • \n
\n

9.12.5(2022-02-14)

\n
    \n
  • \n

    Notify

    \n
      \n
    • 🦀 api 类型完善
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 添加 normalizeBeforeBlur 属性，支持 onBlur 时修改值
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 修复全选状态判断不正确的问题
      • \n
    \n
    • \n
\n

9.12.4(2022-01-11)

\n
    \n
  • \n

    Popover

    \n
      \n
    • 🦀 修复 withPop HOC 的类型错误
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 排序按钮替换为 iconfont, 修复字体不同可能导致的按钮错位问题
      • \n
    • 🦀 selectedRowKeys 支持 number 类型
      • \n
    \n
    • \n
  • 🦀 修复 css variable 名字匹配问题, 老版颜色可覆盖, 删除无用前缀
    • \n
  • 🦀 更新 caniuse-lite 数据库
    • \n
\n

9.12.3(2021-12-08)

\n
    \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 交互优化，当 DatePicker 调用 TimePicker 选择具体时间时，禁用 DatePicker 的确认按钮
      • \n
    \n
    • \n
\n

9.12.2(2021-11-26)

\n
    \n
  • 🦀️ 修复 MiniPagination 页码输入框在一些场景下显示错误值的问题
    • \n
\n

9.12.1(2021-11-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ FieldSet 和 FieldArrayModel 支持 destroyOnUnmount 以及 normalizeBeforeSubmit 属性
      • \n
    • 🦀️ 修复在 FieldSet 上开启 destroyOnUnmount 并且其值或者校验状态从未被读取时的崩溃问题
      • \n
    \n
    • \n
  • \n

    CombinedDateRangePicker

    \n
      \n
    • 🦀️ onChange 仅在点击确定按钮时才触发
      • \n
    • 🦀️ 修复开始时间在选择完结束时间后丢失的问题
      • \n
    \n
    • \n
\n

9.12.0(2021-10-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArrayModel 增加 filter 和 sort 方法
      • \n
    • ✨ 新增 useObservableBatchedEagerState 用于合并 model 的变更事件，通常用不着，详见文档
      • \n
    • ✨ 使用 observable-hooks 替换 useValue$
      • \n
    \n
    • \n
  • \n

    Notice

    \n
      \n
    • 🦀️ 修复在部分场景（比如 useEffect 中）下使用 Notice.push crash 的问题
      • \n
    • 🦀️ Notice.push 的返回值类型以及 Notice.remove 的参数类型由 number 变更为 string
      • \n
    \n
    • \n
  • 🦀️ 更新 caret-down 以及 caret-up 图标，修复不居中的问题
    • \n
  • 🦀️ 更新 SplitButton 箭头样式
    • \n
  • 🦀️ 修复 RangeDatePicker 中 showTime 为 false 时，返回结束时间错误的问题
    • \n
  • 🦀️ 更新 caniuse-lite 数据库
    • \n
\n

9.11.0(2021-09-29)

\n
    \n
  • ✨ MenuCascader 多选模式下的 onChange 回调函数的 meta 参数中增加 simplify 函数，可以用来合并选中的选项
    • \n
  • \n

    I18n

    \n
      \n
    • ✨ 新增 useComponentI18nData Hook 用于函数式组件中使用 i18n 数据
      • \n
    • 🦀️ 重构 I18nReceiver 的类型定义，更好的类型推导
      • \n
    \n
    • \n
  • 🦀️ 修复 Sortable 中 onMove, onEnd 以及 onMove 初始化后变化不生效的问题
    • \n
  • 🦀️ Form Field 上 required 参数默认的错误文案修改为 \'必填\'
    • \n
  • 🦀️ 修复 Input 上的 style 样式被内外层渲染两次的问题
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复表头中全选框在特殊情况下选中状态不对的问题
      • \n
    • 🦀️ 修复有固定列但是 scroll.x 为非真值时候行高亮不完整的问题
      • \n
    \n
    • \n
  • 🦀️ 升级 caniuse-lite 数据库至最新版
    • \n
  • 📚 增加 Dialog 中 onOpened 和 onClosed 回调的文档说明
    • \n
  • 📚 清理文档中使用 Button 类型为 danger 和 success 的代码，不推荐使用这两种类型的按钮
    • \n
\n

9.10.1(2021-09-15)

\n
    \n
  • 🦀️ NumberInput 在输入过程中被强制重绘时，如果 props 没有变化保留当前 state 状态；已知的场景是将 NumberInput 用在表格中，表格高亮行变化时会触发
    • \n
\n

9.10.0(2021-09-14)

\n
    \n
  • ✨ Waypoint 的 topOffset 和 bottomOffset 增加 auto 模式，简单场景下能够自动识别滚动容器边框宽度，具体说明看组件文档
    • \n
  • ✨ Cascader 多选模式搜索选中后输入焦点自动回到输入框中
    • \n
  • 🦀️ 阻止嵌套的 Form 表单事件（submit, reset, 回车）冒泡到上层表单
    • \n
  • 🦀️ InfiniteScroller 触发加载阈值默认改为 1px，针对页面缩放场景容错
    • \n
  • 🦀️ Grid 批量操作区域中 batchRender 返回 null 时隐藏全选框
    • \n
  • 🦀️ 调整 Select 和 Cascader 下拉箭头图标
    • \n
  • 📚 更新 caniuse-lite 数据库
    • \n
  • 📚 修复 Pagination 示例文案问题
    • \n
  • 📚 修复 Form 文档中 validate 默认值的说明
    • \n
  • 📚 修复 ClampLines 代码中的拼写错误
    • \n
\n

9.9.3(2021-08-28)

\n
    \n
  • 🦀️ 使用 ts-patch 替代 ttypescript
    • \n
  • 🦀️ 修复 MiniPagination 更新 props.current 没有效果的问题
    • \n
  • 🦀️ 修复分页组件 lastPageHelp 参数失效的问题
    • \n
  • 📚 移除 gitee 文档镜像支持
    • \n
  • 📚 增加 Github Action 定时脚本检查 Form 文档中的 404 链接
    • \n
  • 📚 增加 NumberInput onInput 的文档
    • \n
\n

9.9.2(2021-08-16)

\n
    \n
  • ✨ 增加酒店图标
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FormContext 新增 controlStyle 支持，用于批量设置表单项的样式
      • \n
    • ✨ 表单布局新增 direction 选项，用于控制表单项间的排列方式，支持行、列两种排列方式
      • \n
    • 🦀️ 修复 FieldArrayModel.splice 方法无法插入数据的问题
      • \n
    • 🦀️ FieldUtils.makeChangeHandler 重命名为 useChangeHandler，这个函数本身是个 Hook，所以重命名遵循 React 规范
      • \n
    • 🦀️ 优化 validator 运行时的错误描述
      • \n
    • 📚 修复因为升级 typedoc 导致的 API 文档链接失效
      • \n
    \n
    • \n
\n

9.9.1(2021-07-30)

\n
    \n
  • 🦀️ 修复 Icon 样式中 font-family 丢失版本标记
    • \n
  • 🦀️ 升级 caniuse-lite 数据库
    • \n
\n

9.9.0(2021-07-23)

\n
\n

如果遇到 sass 编译报错 math.div 函数 找不到，请升级 sass 到 >=1.33.0。

\n
\n
    \n
  • ✨ 语义化主题支持，同时新增 @zent/theme-sdk 用于主题配置的生成
    • \n
  • ✨ 组件新增日文(jaJP)翻译
    • \n
  • \n

    🦀️ Tree CSS 类名增加前缀

    \n
      \n
    • switcher => zent-tree-switcher
      • \n
    • content => zent-tree-content
      • \n
    • opt => zent-tree-operation
      • \n
    • operation => zent-tree-operation-container
      • \n
    • off => zent-tree-bar--off
      • \n
    \n
    • \n
  • \n

    🦀️ NumberInput

    \n
      \n
    • 修复在非受控模式下更新 props.value 会导致 state.value 变化的问题
      • \n
    • 修复文档中示例行为错误的问题
      • \n
    \n
    • \n
  • \n

    🦀️ Form

    \n
      \n
    • Form.useFieldArrayValue 重命名为 Form.useFieldArrayChildModels，旧字段被标记为废弃，但依旧可用
      • \n
    • 修复 Form 文档中示例丢失的问题
      • \n
    \n
    • \n
  • 🦀️ 由于在 SSR 环境下 useLayoutEffect 会不停的输出警告信息，已禁用 useLayoutEffect，可以使用 utils/hooks/useIsomorphicLayoutEffect 替代
    • \n
  • 📚 Dialog 文档中增加使用 openDialog 返回值关闭对话框的示例
    • \n
  • NPM 包中移除 postcss-plugin-constants 插件
    • \n
  • 升级 caniuse-lite 数据库
    • \n
  • 使用 stylelint 替换 sass-lint
    • \n
\n

9.8.0(2021-07-15)

\n
    \n
  • ✨ 重画所有图标，同时增加了一些新图标。由于新、旧图标大小可能有细微差别，个别场景下样式可能会有些许偏移
    • \n
  • 🦀️ 修复 Grid 切换 selection 时视图和数据不同步的问题
    • \n
  • 🦀️ 修复 Select 组件挂载时通过 display: none 隐藏，之后再渲染出来的时候弹层宽度错误的问题
    • \n
  • 🦀️ 清理并重写仓库 eslint 规则
    • \n
  • 📚 文档网站骨架迁移到 TypeScript
    • \n
\n

9.7.3(2021-07-02)

\n
    \n
  • 🦀️ Upload 文件对象上公开 file 和 id 属性，之前的 _file 和 _id 仍保留，如果有使用 _ 开头的属性请尽快替换
    • \n
  • 🦀️ 修复 bootstrap 脚本参数问题
    • \n
  • 📚 Form 文档中 useMAppend 替换成 useMulti
    • \n
  • \n

    依赖升级

    \n
      \n
    • TypeScript 4.1 升级到 4.3
      • \n
    • rxjs v6 升级到 v7
      • \n
    • sortablejs 1.12.0 升级到 1.13.0
      • \n
    • webpack v4 升级到 v5，开发模式编译性能有较大提升
      • \n
    • jest v24 升级到 v27
      • \n
    • postcss v6 升级到 v8
      • \n
    • 升级其他所有依赖到最新版
      • \n
    \n
    • \n
  • 📚 使用 react-refresh-webpack-plugin 替换 @hot-loader/react-dom
    • \n
\n

9.7.2(2021-06-25)

\n
    \n
  • 🦀️ 修复 Tag 组件无法作为 Pop 的 trigger 使用的问题
    • \n
  • 🦀️ 修复 DatePicker 组件中当前时间按钮的禁用逻辑
    • \n
  • 🦀️ 更新 caniuse-lite 数据库
    • \n
  • 📚 修复 DataPicker 英文文档中示例丢失的问题
    • \n
\n

9.7.1(2021-06-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 之前版本 Model 被销毁后仍能被操作，导致一些比较奇怪的视图/数据不一致的问题，因此增加了 Model 销毁后继续被使用的检查，更及时的暴露问题
      • \n
    • 🦀️ 修复性能警告文案错误问题
      • \n
    • 📚 文档增加 Model 常用 API 描述
      • \n
    • 📚 修改 destroyOnUnmount 的文档，减少歧义
      • \n
    \n
    • \n
  • 📚 Pop 文档增加长文本的 FAQ
    • \n
\n

9.7.0(2021-06-04)

\n

这个版本都是 Form 相关改动。

\n

✨ 放宽绝大部分 Hooks 对 FormContext 的依赖。

\n
    \n
  • 允许 Field 和 FieldArray 相关 hooks 传入 Model 类型参数时在 FormContext 之外使用；FieldSet 相关 hooks 依旧必须在 FormContext 之中使用
    • \n
  • Hooks 在 Model 模式下允许使用 name 来引用 model 对象，不再限制仅在 View 模式允许使用 name
    • \n
  • 废弃临时解决方案 useModelValue 和 useModelValid，直接使用 useFieldValue 和 useFieldValid 即可
    • \n
\n

✨ Model 模式下支持动态增/删表单项，设计文档。

\n
    \n
  • 所有 model 对象上都增加了 builder 属性来获取生成这个 model 的 Builder 对象，View 模式下该字段永远为空
    • \n
  • FieldSetModel 和 FormModel 上导出两个新方法 removeChild 以及 registerChild 用于删除/添加子 model
    • \n
  • 重载 FieldArrayModel 上的 push, unshift 以及 splice 方法接受 model 类型的参数，之前仅支持传 model 的值
    • \n
  • 新增 useNamedChildModel hook，用于订阅 FieldSetModel 以及 FormModel 子 model 的增加/删除行为
    • \n
  • 增加 Model 模式下动态增/删表单项的文档和示例
    • \n
\n

9.6.0(2021-05-28)

\n
    \n
  • ✨ InfiniteScroller 增加 threshold 参数，用以控制触发 loadMore 时距离列表底部的距离
    • \n
  • ✨ Menu inline 模式支持受控的菜单展开和选中
    • \n
  • ✨ Checkbox 支持 style 内联样式
    • \n
  • 🦀️ 修复 Select 中 width 为非数字并且没有设置 popupWidth 时，弹层和输入框宽度不一致的问题
    • \n
  • 📚 更新 Collapse 的类型定义和文档描述
    • \n
\n

9.5.0(2021-05-07)

\n
    \n
  • ✨ Affix 支持相对非 window 节点定位
    • \n
  • ✨ InfiniteScroller 支持 ref
    • \n
  • \n

    Form

    \n
      \n
    • ✨ willScrollToError 支持自定义滚动的节点
      • \n
    • 🦀️ ArrayBuilder 类型中移除 null
      • \n
    • 🦀️ 调整订阅容器值/校验状态时的警告逻辑，内部代码不再触发警告
      • \n
    \n
    • \n
  • 🦀️ 修复 Popover trigger 中对 Fragment 的错误处理
    • \n
  • 🦀️ 修复 ButtonDirective 中对 Fragment 的错误处理
    • \n
  • 🦀️ 修复某些浏览器(Safari)里 IMEComposition 内输入框不触发 onChange 事件
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复并统一单选/多选/展开列的样式
      • \n
    • 🦀️ 列配置中的 nowrap 重命名为 noWrap，老字段仍然兼容
      • \n
    • 📚 更新文档中对于 Table 的描述
      • \n
    \n
    • \n
  • 📚 更新 Form 的文档，补充了基础 API 的信息
    • \n
\n

9.4.2(2021-03-26)

\n
    \n
  • 🦀️ Badge 类型定义中 children 属性改为可选
    • \n
  • 🦀️ 更新 @wojtekmaj/enzyme-adapter-react-17 到最新版
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修复 getUploadSuccessOverrideProps 不生效的问题
      • \n
    • 🦀️ 修复一些文档和代码中的拼写错误
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ FormInputField, FormImageUploadField 以及 FormUploadField 增加往 props.props 上设置默认值的警告
      • \n
    • 📚 修复 Model 模式示例中数组下标作为 key 的问题
      • \n
    • 📚 调整了文档结构，增加了一些概述性说明，方便理解表单的工作原理
      • \n
    \n
    • \n
  • 📚 修复 Select 虚拟滚动示例特殊情况下崩溃的问题
    • \n
  • \n

    文档

    \n
      \n
    • 📚 Github Actions 中增加同步 Gitee Pages 的能力
      • \n
    • 📚 Github Actions 中发版完成后增加企业微信通知
      • \n
    • 📚 更新 logo 以及设计语言网站链接
      • \n
    \n
    • \n
\n

9.4.1(2021-03-11)

\n
    \n
  • ✨ 导出 Form 中的 useFormChild，并添加了文档
    • \n
  • 🦀️ 修复 Cascader 设置 options 后选中状态不同步的问题
    • \n
  • 📚 不同版本的文档链接使用相对路径，方便部署到其他平台
    • \n
  • 📚 升级文档代码高亮包 prismjs，修复安全问题
    • \n
  • 📚 v9 的升级指南中将 Dialog 的视觉交互改动列入不兼容改动
    • \n
\n

9.4.0(2021-02-26)

\n
    \n
  • ✨ Popover / Pop / Tooltip hover 模式兼容 disabled 的 input 和 button，目前仅支持 zent 内置组件，三方组件需要自行处理兼容问题，具体请参考文档
    • \n
  • \n

    Select

    \n
      \n
    • ✨ onKeywordChange 增加 meta 参数标识回调函数触发的原因
      • \n
    • 🦀️ 修复搜索框使用输入法时触发 onChange 的时机问题
      • \n
    \n
    • \n
\n

9.3.0(2021-01-28)

\n
    \n
  • ✨ MenuCascader 多选模式支持通过 simplifySelection 参数控制是否合并展示子节点全选的选项
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Model 上新增 clearError 函数，用于手动清除错误状态
      • \n
    • ✨ 增加 useModelValue 和 useModelValid 两个不依赖 FormContext 的 Hooks
      • \n
    \n
    • \n
  • 📚 9.0 的 changelog 中补充遗漏的 Table 迁移描述
    • \n
\n

9.2.0(2021-01-21)

\n
    \n
  • ✨ Grid 支持单选
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 修复年份、月份的禁用逻辑
      • \n
    • 🦀️ 优化 CombinedDatePicker 交互
      • \n
    • 🦀️ DateRangePicker 支持数组形式的 disabled 和 canClear
      • \n
    \n
    • \n
  • 🦀️ 修复 DateRangeQuickPicker min 和 max 不生效的问题
    • \n
  • 🦀️ 修复 Select, Switch 以及 CheckboxGroup defaultProps 引起的类型问题
    • \n
  • 🦀️ 修复 Form 渲染时 willScrollToError 的警告信息
    • \n
  • 🦀️ 更新 Select 以及 Cascader 下拉箭头样式
    • \n
\n

9.1.2(2021-01-11)

\n
    \n
  • 🦀️ 修复 Grid 多选框串数据的问题
    • \n
  • 🦀️ 修复 Tree expandAll 变更不生效的问题
    • \n
  • 🦀️ 修复 Form 文档中 FormInputField 代码问题
    • \n
\n

9.1.1(2021-01-05)

\n
    \n
  • ✨ 新增一个图标
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 滚动到第一个错误处功能支持通过 willScrollToError 自定义偏移量
      • \n
    • 🦀️ 调整表单域垂直间距为 24px
      • \n
    \n
    • \n
\n

9.1.0(2020-12-21)

\n
    \n
  • 💥 修复 Select 范型参数的问题，原来一个范型参数改为两个范型参数，Select<ISelecItem<number>> => Select<number>
    • \n
  • ✨ 新增单文件上传组件
    • \n
  • ✨ NumberInput 支持自定义步进
    • \n
  • 🦀️ 修复 Button 禁用时边框的样式问题
    • \n
\n

9.0.2(2020-12-18)

\n
    \n
  • ✨ Swiper 支持自定义上一个/下一个按钮
    • \n
\n

9.0.1(2020-12-18)

\n
    \n
  • \n

    Select

    \n
      \n
    • ✨ 支持受控模式下回填选中的值
      • \n
    • ✨ 支持自定义渲染输入框中已选择的选项列表，仅在多选模式可用
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ batchRender 添加位置参数
      • \n
    • 🦀️ 修复表头分组场景下浮动列表头高度问题
      • \n
    \n
    • \n
  • 🦀️ DateRangeQuickPicker 修改今日结束时间为当前时间
    • \n
\n

9.0.0(2020-12-14)

\n

详见 9.x 升级指南

\n

8.6.3(2021-03-19)

\n
    \n
  • 🦀️ 修复 Upload 的 onUpload 返回值没有生效的问题
    • \n
\n

8.6.2(2021-01-11)

\n
    \n
  • 🦀️ 修复 Tree expandAll 不受控的问题
    • \n
\n

8.6.1(2020-12-18)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复浮动列在表头分组场景下高度问题
      • \n
    • 🦀️ batchRender 增加渲染位置可选参数
      • \n
    \n
    • \n
\n

8.6.0(2020-12-15)

\n
    \n
  • ✨ 主题色支持透明度，主题色定义兼容老版本，但老版本无法使用透明度
    • \n
  • 🦀️ 调整 Radio 的右边距为 24px
    • \n
\n

8.5.12(2020-11-05)

\n
    \n
  • 🦀️ 修复 Upload 上传文件时顺序变化的问题
    • \n
  • 🦀️ 修复 Grid 自定义行组件的类型
    • \n
\n

8.5.11(2020-10-28)

\n
    \n
  • 🦀️ 修复 Form 的类型定义问题
    • \n
  • 🦀️ WindowEventHandler 兼容 SSR 场景
    • \n
  • 🦀️ Input 不可编辑状态下隐藏清除按钮
    • \n
\n

8.5.10(2020-10-22)

\n
    \n
  • 修复 Sortable 无法将元素移动到第一个的问题
    • \n
\n

8.5.9(2020-10-12)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复 FormModel.prototype.owner 不能赋值的问题
      • \n
    • 🦀️ 优化了 value-listener 中异步订阅的逻辑
      • \n
    • 🦀️ 类型定义优化
      • \n
    \n
    • \n
  • 🦀️ 修复 Button 部分场景下 disabled 处理逻辑不对的问题
    • \n
  • 🦀️ 修复 Portal 在 SSR 场景下的报错
    • \n
  • 🦀️ 修复 ClampLines 在文本为空时可能出现的渲染问题
    • \n
\n

8.5.8(2020-09-11)

\n
    \n
  • 🦀️ 调整 Button 之间的间距
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 组件支持初始值 initialValue，并增加 reset 事件用于触发表单重置
      • \n
    • 🦀️ 修复 state 变更导致 ZentForm 不必要的重新创建
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ 增加 onIconClick 回调
      • \n
    • ✨ TextareaInput 新增 maxCharacterCount 属性支持文本超长及错误提示
      • \n
    \n
    • \n
\n

8.5.7(2020-08-28)

\n
    \n
  • 🦀️ 修复 Progress 组件 circle 类型的 normalColor，successColor，exceptionColor 和 strokeWidth 不生效问题
    • \n
\n

8.5.6(2020-08-21)

\n
    \n
  • 🦀️ 修复 Slider 值超出范围的问题
    • \n
  • 🦀️ 调整 Checkbox 之间的间距
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 导出 IMaybeError 和 ValidatorContext
      • \n
    • 🦀️ 优化 FormSelectField 的类型定义
      • \n
    \n
    • \n
\n

8.5.5(2020-08-14)

\n
    \n
  • ✨ Loading 组件支持 colorPreset 参数
    • \n
  • ✨ ColorPicker 支持 disabled 参数禁用，并兼容 Disabled 组件
    • \n
  • 🦀️ 修复 Table 组件 renderBody 参数的类型定义
    • \n
  • 🦀️ 修复 Form 组件 scrollToError 定位错误的问题
    • \n
  • 🦀️ 删除无用的 formulr 依赖
    • \n
  • 🦀️ 更新两个图标 calendar-o 和 gift
    • \n
  • 📚 更新文档高亮依赖的 prismjs 版本至 1.21.0
    • \n
\n

8.5.4(2020-08-04)

\n
    \n
  • 🦀️ 修复上个版本 TypeScript 和 tslib 不匹配的问题
    • \n
  • 🦀️ 修复 Checkbox 禁用时的文字颜色
    • \n
  • 📚 增加一个 Form 自定义表单项的示例
    • \n
\n

8.5.3(2020-07-22)

\n
    \n
  • ✨ 添加新图标 thumbnail
    • \n
  • \n

    Form

    \n
      \n
    • ✨ formulr 合入仓库内，不再单独发包
      • \n
    • ✨ 增加 FormContext 支持自定义 labelStyle
      • \n
    • 🦀️ 确保 FieldArray 的 child 上一定存在 id 属性，可以避免使用数组下标作为 key
      • \n
    • 🦀️ 修复一个 React 的 warning
      • \n
    \n
    • \n
  • 🦀️ 修复 Grid batchComponents 为空数组是的渲染问题
    • \n
  • 🦀️ 修复编译自定义主题时的代码校验逻辑
    • \n
  • 🦀️ ClampLines 允许超长非 CJK 字符串词内折行
    • \n
  • 📚 文档导航增加 babel-plugin-zent 的链接
    • \n
  • 📚 修复文档的一些样式问题
    • \n
\n

8.5.2(2020-06-23)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复一些逻辑问题
      • \n
    • 🦀️ FormSelectField 支持 onDelete 逻辑处理，兼容 tags 模式
      • \n
    • 🦀️ 导出 validator 相关的类型
      • \n
    \n
    • \n
  • 🦀️ 修复 Swiper 组件在一些场景下跳动的问题
    • \n
  • 🦀️ 修复 ScrollAlert children 识别问题
    • \n
\n

8.5.1(2020-06-10)

\n
    \n
  • ✨ Tooltip 支持 display 属性透传到 Popover 组件
    • \n
  • ✨ 新增 drag 图标
    • \n
  • 🦀️ 更新 Dialog 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 NumberInput 的类型定义
    • \n
  • 🦀️ 修复 Form React 16.13 之后版本的 warning
    • \n
  • 📚 补充了 Form ValidateOption 相关的文档
    • \n
\n

8.5.0(2020-05-07)

\n
    \n
  • ✨ 新增 4 个图标：folder-o, open-folder-o, refresh, save-o
    • \n
  • ✨ Upload 删除默认辅助文案，不提供 tips 属性时不展示辅助文案
    • \n
  • \n

    Alert

    \n
      \n
    • ✨ 增加 hint 样式类型
      • \n
    • ✨ 增加 ScrollAlert，支持轮播的通知
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 的 validate 会向上冒泡到上层的 FieldArray 或者 FieldSet
      • \n
    • ✨ 新增 ValidatorMiddlewares，用于动态修改 validator 的行为
      • \n
    • ✨ FormSelectField 支持透传 children
      • \n
    • 🦀️ 修复 Form submit 后 use after unmount 的问题
      • \n
    • 🦀️ 修复 Select、Option、FormInputField 的类型定义
      • \n
    \n
    • \n
  • 🦀️ 修复 Grid scroll.x 变化时固定列阴影展示问题
    • \n
  • 🦀️ 修复 Collapse 的类型定义
    • \n
  • 🦀️ 修复 Pagination 跳转页码按回车没反应的问题
    • \n
\n

8.4.0-1(2020-11-17)

\n
    \n
  • 🦀️ 修复部分组件主题色不支持 CSS Variable 配置的问题
    • \n
\n

8.4.0(2020-03-16)

\n
    \n
  • ✨ Upload 支持自定义上传项 UI
    • \n
  • ✨ Tabs 按钮样式优化
    • \n
  • 🦀️ 修复 Windows 系统开发兼容性问题
    • \n
  • 🦀️ DatePicker 不修改传入的 Date 类型参数
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ 修复窗口尺寸变化时固定列的阴影没有同步更新的问题
      • \n
    • 🦀️ 修复禁用行 hover 高亮时的背景色问题
      • \n
    • 🦀️ 修复 getCheckboxProps 类型定义
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 导出 BasicForm
      • \n
    • 🦀️ 修复 required 参数类型处理不正确的问题
      • \n
    \n
    • \n
\n

8.3.0(2020-02-26)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 增加禁用行高亮的参数 disableHoverHighlight
      • \n
    • 🦀️ 修复跨页反选后数据错误的问题
      • \n
    \n
    • \n
  • 🦀️ 修复了部分文档样式问题
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 更新样式
      • \n
    • 🦀️ 修复 FieldSet 类型定义
      • \n
    • 🦀️ 导出 ValidateOption
      • \n
    \n
    • \n
  • 📚 升级了文档网站的依赖
    • \n
\n

8.2.0(2020-02-18)

\n
    \n
  • ✨ BlockHeader 增加一种极简样式
    • \n
  • ✨ Grid 表头吸顶支持自定义顶部偏移量
    • \n
  • 🦀️ 修复兼容百分比超出范围时 Progress 样式错误的问题
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 更新错误样式
      • \n
    • 🦀️ 修复 TypeScript 类型定义问题
      • \n
    \n
    • \n
\n

8.1.0(2020-02-10)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 表头支持吸顶
      • \n
    • ✨ 行复选框禁用时支持设置提示文案展示原因
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 增加表单值联动的示例
      • \n
    • ✨ 使用 model 模式时 Field 组件支持 validators 参数，主要应用场景是用在 FieldArray 中
      • \n
    • 🦀️ 修复 FormNumberInputField 数据和视图不一致的问题
      • \n
    • 🦀️ 调整了非输入框的 Field 行高，视觉上更紧凑
      • \n
    \n
    • \n
  • 🦀️ 优化了 ColorPicker 的拖拽性能，视觉上更加平滑，不卡顿
    • \n
  • 🦀️ 修复 Select 组件首次渲染时选中元素为空的问题
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修改上传组件的文件数量计算规则，将上传失败的文件也统计到上传文件数量中
      • \n
    • 🦀️ 修改 FILE_UPLOAD_STATUS 常量的导出方式为组件上的静态属性
      • \n
    \n
    • \n
\n

8.0.1(2020-01-19)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 新版使用和老版本不一样的类名
      • \n
    • 🦀️ 修复一个删除上传项时页数计算错误的问题
      • \n
    \n
    • \n
\n

8.0.0(2020-01-17)

\n
    \n
  • 🎉 增加 Waypoint 组件，这个组件抽象了元素移入/移除屏幕的逻辑
    • \n
  • 🎉 增加 Dropdown 组件，只是对 Popover 组件的一层简单封装
    • \n
  • 🎉 [breaking change] 重写 Upload 组件，不兼容老版本；老版本请使用 @zent/compat
    • \n
  • \n

    Affix

    \n
      \n
    • [breaking change] ✨ offsetTop 不再有默认值 0，必须自己传
      • \n
    • ✨ 使用 Waypoint 重写
      • \n
    • ✨ 支持同时设置 offsetTop 和 offsetBottom
      • \n
    \n
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • ✨ 使用 Waypoint 重写
      • \n
    • [breaking change] ✨ 删除无用的 offset，useCapture 和 prefix 属性
      • \n
    • [breaking change] ✨ 重命名 initialLoad 为 skipLoadOnMount，意义相反，默认值行为没变
      • \n
    • [breaking change] ✨ hasMore 默认值修改为 false
      • \n
    • [breaking change] ✨ useWindow 默认值修改为 false
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ 支持 disabled 属性
      • \n
    • ✨ 删除 prefix 支持
      • \n
    • 🦀️ onChange 现在传入的是原始的 option 元素
      • \n
    • 🦀️ 更新 placeholder 文字颜色
      • \n
    • 🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 .open 这种
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • ✨ 删除 prefix 支持
      • \n
    • 🦀️ 更新组件的箭头图标，和其他组件保持一致
      • \n
    • 🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 .tags__empty 这种都被替换掉了
      • \n
    \n
    • \n
  • ✨ 优化了全局事件处理
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ 增加两个新图标 filter-o 和 scan-code-o
      • \n
    • ✨ 重命名 text-guide 为 text-guide-o
      • \n
    • ✨ 重命名 video-guide 为 video-guide-o
      • \n
    \n
    • \n
  • ✨ QuickDateRangePicker 支持默认选中一个 preset
    • \n
  • ✨ eslint 替换 tslint
    • \n
  • 🦀️ 更新 Dialog 关闭按钮样式
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 增加 useFieldValue hook
      • \n
    • ✨ Form 上增加 getSubmitValue 方法
      • \n
    • 🦀️ 更新错误样式
      • \n
    • 🦀️ 更新类型定义
      • \n
    • 🦀️ 导出 FormDescription 组件
      • \n
    • 🦀️ FormSelectField 透传 withoutLabel 属性
      • \n
    • 🦀️ layout 改为可选参数
      • \n
    \n
    • \n
  • 🦀️ 修复 CopyButton 的类型定义
    • \n
  • 🦀️ 修复 Pagination 的字体样式
    • \n
  • 🦀️ 修复 Rate 组件小数值时的图标显示问题
    • \n
  • 🦀️ 修复部分组件 babel-plugin-zent 处理不正确的问题
    • \n
\n

7.4.5(2021-03-11)

\n
    \n
  • 🦀️ 回迁 PR#1406，修复 Swiper 的快速切换的逻辑问题
    • \n
\n

7.4.4(2020-05-11)

\n
    \n
  • 🦀️ 修复一个 NumberInput 输入状态不对的问题
    • \n
\n

7.4.3(2019-12-19)

\n
    \n
  • 🦀️ 修复 FormSelectField 的 destroyOnUnmount 没有生效的问题
    • \n
  • 🦀️ 优化 Form 的类型定义
    • \n
  • 🦀️ FormNumberInputField(integer) 以及 FormSelectField(tags, data) 的所有属性都归入 props 下，跟其他组件统一
    • \n
  • 🦀️ 更新表单报错的样式
    • \n
\n

7.4.2(2019-12-13)

\n
    \n
  • 🦀️ 修复 Grid 一个样式问题
    • \n
  • 🦀️ 修复 DateRangeQuickPicker 的类型问题
    • \n
\n

7.4.1(2019-12-13)

\n
    \n
  • ✨ 新增 3 个新图标：doc, video, audio
    • \n
  • ✨ 使用一个内置的精简版替换 tinycolor2
    • \n
  • 🦀️ 修复 Layout 组件不兼容 SSR 的问题
    • \n
  • 🦀️ Grid 的 column name 支持 a.b.c 这种写法，不推荐使用，仅为和老版本兼容
    • \n
  • 🦀️ 修复 Sortable 组件重复初始化的问题以及类型定义
    • \n
  • 🦀️ 修复 TextMark 的类型定义
    • \n
  • 🦀️ 增大时间选择组件的图标大小
    • \n
  • 🦀️ 调整 BlockHeader 的 title 类型为 ReactNode
    • \n
  • 🦀️ 清理了 createAlias 相关的无用代码
    • \n
\n

7.4.0(2019-12-06)

\n
    \n
  • ✨ 新增 Tooltip 组件，用于展示提示信息
    • \n
  • ✨ 删除 lodash-es 依赖，改用内置函数以及语言特性，同时明确了必须的 polyfill
    • \n
  • 🦀️ [breaking change] 所有时间选择组件的 isFooterVisble 参数重命名为 isFooterVisible，这是个存在很久的拼写错误；如有使用地方，全局替换即可，不发大版本了。
    • \n
  • 🦀️ 修复 Select 选项过滤之后按回车选择没有用的问题
    • \n
  • 🦀️ 修复 Upload 组件在上传中删除某一项时报错的问题
    • \n
  • 🦀️ Upload 组件拖动排序之后不再重置每个图片的唯一 ID
    • \n
\n

7.3.2(2019-11-29)

\n
    \n
  • ✨ Link 组件独立目录，同时兼容 Disabled 组件
    • \n
\n

7.3.1(2019-11-27)

\n
    \n
  • ✨ 新增 Link 组件替换 zent-link CSS 的使用场景
    • \n
  • ✨ Radio 和 Checkbox 新增 labelStyle
    • \n
  • 🦀️ 修复 ButtonDirective 样式问题
    • \n
  • 🦀️ 修复打包编译时读取到的包版本和发布的版本不一致的问题
    • \n
  • 🦀️ 回滚 Radio 文字标签的 display 为 inline
    • \n
  • 🦀️ 修复 RadioGroup 内非 Radio 组件不可见的问题
    • \n
  • 🦀️ 修复 CheckboxGroup 内非 Checkbox 组件不可见的问题
    • \n
\n

7.3.0(2019-11-25)

\n
    \n
  • 🎉 隔离不同版本 zent 的样式，避免页面上存在两份 zent 时的样式污染。
    • \n
  • 🎉 增加了一批编译期常量，可在 TypeScript 或者 SCSS 文件内使用，类似 C 语言的 __FILE__ 这种变量
    • \n
  • 🦀️ 更新 BlockHeader 内部图标颜色
    • \n
  • 🦀️ 修复 Grid 批量操作导致滚动展示异常的问题
    • \n
  • 🦀️ 修复 FormRadioGroupField defaultValue 的判空问题
    • \n
\n

样式隔离可能的不兼容影响

\n
    \n
  • 如果有代码直接使用了 zent 的 CSS 样式，但是没有使用 zent 的组件，这个版本之后这些使用方式都会失效。
    • \n
  • 部分自定义样式如果优先级和组件库内的是一样的，但是依赖样式出现的顺序来实现覆盖的，在这个版本之后可能会遇到自定义样式失效的问题；解决方案是增加一个自定义类名，提高自定义样式的优先级。
    • \n
\n

已知受影响的使用场景

\n
    \n
  • 直接使用 Icon CSS 样式的请使用 Icon 组件
    • \n
  • 直接使用 Breadcrumb CSS 样式的请使用 Breadcrumb 组件
    • \n
  • 使用 zent-link CSS 样式的请使用 Link 组件，这个组件就是一个 a 标签，封装了样式
    • \n
\n

7.2.0(2019-11-18)

\n
    \n
  • 🎉 新增 IMEComposition 组件，同时对有用到 input 的组件内部做了兼容处理
    • \n
  • ✨ Grid 添加批量操作支持
    • \n
  • ✨ Pagination 增加到达最后一页时的提示支持
    • \n
  • ✨ 升级 date-fns 到 2.x 版本
    • \n
  • ✨ Fork fecha，用 TypeScript 重写；官方的包类型定义问题反反复复出现，不跟他们玩了
    • \n
  • 📚 扩充了 Form 的上手文档
    • \n
  • 🦀️ 增大 BlockHeader 的图标
    • \n
  • 🦀️ 修复 Radio 以及 Checkbox 的高度问题，现在不会有多余的垂直方向空白了
    • \n
  • 🦀️ 修复了 useFieldArrayValue 数据丢失的问题
    • \n
  • 🦀️ 优化 Form 默认的错误渲染函数处理 undefined 的逻辑
    • \n
  • 🦀️ 修复 FormSelectField, Form 以及 FieldSet 的类型定义问题
    • \n
  • 🦀️ 修复 Switch, CopyButton 以及 DatePicker 的类型定义问题
    • \n
\n

7.1.0(2019-11-08)

\n
    \n
  • ✨ Select 增加 retainNullOption 参数允许选中值为 null 的选项
    • \n
  • ✨ 新增 Notify.info
    • \n
  • 📚 全新的图标列表
    • \n
  • 🦀️ 修复 Progress 在 Safari 下页面缩放时的样式错位问题
    • \n
  • 🦀️ 修复 Form 和 Cascader 的类型定义
    • \n
  • 🦀️ 更新 Pagination 和 QuarterPicker 中 i18n 的使用方法
    • \n
\n

7.0.1 (2019-11-01)

\n
    \n
  • 🦀️ Form 增加 default export
    • \n
\n

7.0.0 (2019-11-01)

\n

改动较多，参考这个文档。

\n

6.6.2 (2019-02-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复异步检验通过还是报错的问题
      • \n
    • 🦀️ 更新 createForm 的 TypeScript 定义
      • \n
    \n
    • \n
  • 🦀️ 增加 Affix 以及 Avatar DOM 节点不存在时的异常校验
    • \n
\n

6.6.1 (2019-01-30)

\n
    \n
  • 🦀️ 修复 Grid 表头滚动时内容不跟着滚动的问题
    • \n
\n

6.6.0 (2019-01-29)

\n
    \n
  • ✨ Grid 支持表头分组
    • \n
  • 🦀️ 修复了 Table, Grid, WindowResizeHandler 的 undefined 报错问题
    • \n
\n

6.5.3 (2019-01-13)

\n
    \n
  • ✨ Pop 支持函数形式的 position 参数，参考 Popover.Position.create
    • \n
  • \n

    Form

    \n
      \n
    • 📚 增加了自定义校验函数的文档
      • \n
    • 🦀️ 修复了使用 Fragment 时滚动报错的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 ClampLines 组件修改 text 后不更新的问题
    • \n
  • 🦀️ 修复了几个组件中 unmount 之后部分代码报错的问题，包括 Table, Select, Grid, ClampLines
    • \n
\n

6.5.2 (2018-12-12)

\n
    \n
  • ⚠️ 回滚了之前 6.4.0 版本引入的一个 FormSelectField 在 tags 模式下的不兼容改动，不影响 Select 组件本身，且这个问题只在使用了 FormSelectField 的 tags 模式才会出现。
    • \n
\n

6.5.1 (2018-12-07)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ 增加维权图标
    • \n
  • \n

    Table

    \n
      \n
    • ✨ 支持在行内渲染半选中状态的复选框
      • \n
    • 🦀️ 修复右对齐无效的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 Form 对组件类型的检查
    • \n
  • 🦀️ 修复了一些 TypeScript 的类型定义问题
    • \n
\n

6.5.0 (2018-10-29)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n

⚠️ Form 的改动可能会导致之前写的有问题代码暴露出问题来，如果遇到这个问题请在 onSubmitFail 里处理这些异常。

\n
    \n
  • ✨ 增加一批新的图标
    • \n
  • 🦀️ Form 提交时不会再静默吞掉未处理的异常
    • \n
  • 🦀️ 用 lodash/assign 替换了代码中对 Object.assign 的依赖
    • \n
  • 🦀️ 修复 SKU 组件中弹窗的层级问题
    • \n
  • 🦀️ 修复 Grid 组件的 TypeScript 定义
    • \n
\n

6.4.1 (2018-10-16)

\n

⚠️ 6.4.0 版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ Tabs 通过 navExtraContent 增加导航栏自定义额外内容的能力
    • \n
\n

6.4.0 (2018-09-26)

\n

⚠️ 这个版本引入了一个 FormSelectField 在 tags 模式下的不兼容改动，6.5.2 已经回滚这个改动。

\n
    \n
  • ✨ FormSelectField 支持 tags 模式 (已回滚)
    • \n
  • 🦀️ 修复 Select 组件 placeholder 颜色不对的问题
    • \n
  • 🦀️ 修复 Upload 上传多个音频时的样式问题
    • \n
\n

6.3.0 (2018-09-07)

\n
    \n
  • ✨ TimePicker 组件增加 disabledTime 时间禁用函数属性
    • \n
  • ✨ Loading 支持延迟显示
    • \n
  • ✨ 打包支持 ES module 输出形式
    • \n
  • ✨ babel-plugin-zent@1.2.1 支持只处理样式引入，配合 ES module 实现 tree shaking（需要打包工具支持）
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • 🦀️ 修复反复触发 loadMore 回调的问题
      • \n
    • 🦀️ 修复文档问题
      • \n
    \n
    • \n
\n

6.2.0 (2018-08-24)

\n
    \n
  • 🎉 新增多文本缩略显示 ClampLines 组件
    • \n
  • ✨ Grid 支持拖拽操作
    • \n
  • ✨ Menu 添加子菜单折叠/展开以及点击的回调函数
    • \n
  • 🦀️ DatePicker 关闭浏览器自动填充输入框的行为
    • \n
  • 🦀️ 修复 Form 初始化 FieldArray 时的问题
    • \n
\n

6.1.0 (2018-08-03)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ 支持给每一列设置一个默认的展示文案
      • \n
    • 🦀️ 修复 selection.getCheckboxProps 没有实时更新的问题
      • \n
    \n
    • \n
  • ✨ 新增几个 Icon
    • \n
  • ✨ Cascader 支持通过 expandTrigger 设置子菜单的触发方式
    • \n
  • ✨ Pop 增加 containerSelector 支持
    • \n
  • \n

    Button

    \n
      \n
    • ✨ 样式更新
      • \n
    • ✨ 当按钮文案为两个中文字符时，会在两个字符中间插入一个空格
      • \n
    \n
    • \n
  • 🦀️ 修复了 NumberInput 处理 .xy 形式的浮点数的问题
    • \n
  • 🦀️ Table 选择模式下支持将行设置为选中同时是禁用的状态
    • \n
  • 🦀️ 修复 Form 中 FieldArray 没有正确更新的问题
    • \n
  • 🦀️ 修复了非常多的 TypeScript 定义问题
    • \n
\n

6.0.1 (2018-07-13)

\n
\n

⚠️ 之前的版本 Icon 字体文件可能在 Windows 下展示会有问题，如果 Window 环境对你很重要建议使用这个版本。

\n
\n
    \n
  • 🦀️ 修复 Windows 下 Icon 显示不正常的问题
    • \n
\n

6.0.0 (2018-07-04)

\n
\n

这个版本移除了对 React 15.3 以下版本的支持。

\n

文档网站从这个版本开始将放到 github pages 上维护。

\n
\n
    \n
  • 💥 [breaking change] 删除 Loading 组件的 on, off 以及 newInstance 方法
    • \n
  • 💥 [breaking change] 修复 WeekPicker 的禁用和选中逻辑
    • \n
  • 💥 [breaking change] Table 单元格的 box-sizing 变为 border-box
    • \n
  • 💥 [breaking change] 删除 Select 弹层上的 zent-select 类名，这个类名只应该存在于 trigger 上面
    • \n
  • 🎉 新组件 Mention
    • \n
  • 🎉 新组件 Timeline
    • \n
  • 🎉 Tree 重写了一个新版，兼容老的 API，通过 useNew 启用；新版加入了受控模式支持
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArray 支持串行调用多次操作函数，如 push 等
      • \n
    • ✨ DateRangePickerField 以及 DateRangeQuickPickerField 支持通过 dateFormat 来透传依赖组件的 format prop
      • \n
    • ✨ 补全 DatePicker 相关的 Field 类型，比如 FormWeekPickerField 等
      • \n
    • ✨ FieldArray 支持通过 setFieldsValue 以及 initialize 修改值
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ 增加 TypeScript 类型定义
      • \n
    • ✨ 支持 expandation 行展开配置
      • \n
    • ✨ 增加行展开时的 onExpand 回调函数
      • \n
    • ✨ onChange 回调支持传递分页大小
      • \n
    • 🦀️ 移除 cloneDeep 的使用，React 16 下复制 jsx 会报错
      • \n
    • 🦀️ 修复 rowKey 无效的问题
      • \n
    • 📚 文档优化
      • \n
    \n
    • \n
  • \n

    ErrorBoundary

    \n
      \n
    • ✨ 增加 catchError HOC，适合使用 decorator 的场景
      • \n
    • 📚 修复文档中 withErrorBoundary 的描述
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ 增加 displayText 回调自定义选中值的展示
      • \n
    • 🦀️ 修复 value 值不存在时报错的问题
      • \n
    \n
    • \n
  • ✨ Table 组件的 onChange 回调支持传递分页大小
    • \n
  • ✨ AutoComplete 增加 TAB 按键处理
    • \n
  • ✨ SplitButton 支持下拉菜单位置配置
    • \n
  • ✨ Pagination 支持在分页大小改变时触发 onPageSizeChange 回调函数
    • \n
  • 🦀️ 修复 BlockHeader 标签类型限制的问题(p 不能嵌套 div)
    • \n
  • 🦀️ 修复 Avatar 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 Sortable 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 SplitButton 的 TypeScript 类型定义
    • \n
  • 🦀️ 修复 Tabs 的 TypeScript 类型定义
    • \n
  • 🦀️ 添加了几个新的图标
    • \n
  • 🦀️ 修复 Input 组件的 addonBefore 和 addonAfter 样式
    • \n
  • 🦀️ 修复 Swiper 组件只有两个元素时删除其中一个元素时位置错位的问题
    • \n
  • \n

    Dialog

    \n
      \n
    • 🦀️ 修复关闭时报错的问题
      • \n
    • 🦀️ 修复 SSR 报错
      • \n
    \n
    • \n
  • 🦀️ 修复 Button 组件代码里的一些拼写错误，不影响功能
    • \n
  • 🦀️ 修复 Collapse 组件的 props 类型申明
    • \n
  • 🦀️ 修复 DatePicker 时间禁用逻辑
    • \n
  • 🦀️ 修复 Select 某些情况下 focus 报错的问题
    • \n
  • 🦀️ 修复 Loading 组件在 React 16 下关闭报错的问题
    • \n
  • 🦀️ 删除了 Card 中的一些无用样式
    • \n
  • 📚 修复文档的 babel 拼写错误
    • \n
\n

Breaking change 迁移方案

\n
\n

Loading on, off, newInstance 的迁移方案：

\n
\n

将 Loading.on 以及 Loading.off 替换为组件形式，并通过 state 上的开关控制。

\n
<Loading float show={this.state.loading} />
\n

如果使用了 newInstance 方法，渲染多个 Loading 实例即可。

\n
\n

WeekPicker 迁移方案:

\n
\n
    \n
  • 涉及到自定义了 diabledDate 的场景，新版中返回的日期区间将只包含可选的日期，老版本会返回整个完整的周，包括那些不可选的日期。这个代码里自行处理下，多数情况应该没有影响。
    • \n
  • 内部维护的周日期区间 [start, end] 两个值的时间部分有变化，新版 start 时间部分是 00:00:00:000, end 时间部分是 23:59:59:999。所以在 disabledDate 的回调函数里判断日期是否禁用的时候需要注意时间部分的差，原则上日期比较是不应该关注时间部分的，但是很多写得不好的代码是直接 a.getTime() < b.getTime() 这样比较的，这种用法很大概率上会出问题。
    • \n
\n
\n

Table 单元格样式迁移方案:

\n
\n

之前是 content-box，这次更新之后变为 border-box，有些情况下可能会出现单元格变窄的情况，需要在使用的地方适当将受影响的单元格加宽。

\n
\n

Select 弹层的 zent-select 类名迁移方案：

\n
\n

首先把这个类名删除是正确的，trigger 和 弹层是不应该公用一个类名的。之前依赖弹层上的 zent-select 类名的地方改为 zent-select__popover 就行了。

\n

5.1.1 (2018-04-19)

\n
    \n
  • 🦀️ 修复 Dialog 某些情况下关闭的时候没有动画的问题
    • \n
  • 🦀️ 修复 Table 单元格宽度超出设置值的问题
    • \n
  • 🦀️ Form 滚动到第一个错误位置时允许非 ControlGroup 封装的 Field
    • \n
  • ✨ 升级 lerna 到最新版
    • \n
\n

5.1.0 (2018-04-17)

\n
    \n
  • 🎉 新组件 ErrorBoundary，需要 React >= 16
    • \n
  • 🎉 新组件 SplitButton
    • \n
  • ✨ previewImage 支持图片缩放
    • \n
  • ✨ BlockHeader 增加 childAlign 属性，支持子元素靠右侧显示
    • \n
  • ✨ Portal 组件重构，新增 PurePortal 和 LayeredPortal
    • \n
  • ✨ 升级 Design 组件的拖拽库
    • \n
  • ✨ Dialog 增加打开/关闭动画
    • \n
  • \n

    YearPicker

    \n
      \n
    • ✨ 支持设置 max 和 min
      • \n
    • ✨ value 支持 Date 类型
      • \n
    \n
    • \n
  • 🦀️ 修复 height 在 Loading 不显示的时候被忽略的问题
    • \n
  • 🦀️ 修复 BlockHeader 弹层样式
    • \n
  • 🦀️ 修复 Popover 在 React 16 下位置计算不正确的问题
    • \n
  • 🦀️ 修复 Form 组件 asyncValidate 的返回值在某些条件下不是 Promise 的问题
    • \n
  • 🦀️ 修复 Pagination 样式问题
    • \n
  • 🦀️ Select 的 tag 模式会撑大内容区域，而不是出现滚动条
    • \n
  • 🦀️ Cascader 单测兼容 React 16
    • \n
  • 📚 更新文档网站中英文截图
    • \n
\n

5.0.1 (2018-03-20)

\n
    \n
  • 🦀️ 修复 WeekPicker 文字溢出问题
    • \n
  • 🦀️ 修复了一些打包问题
    • \n
\n

5.0.0 (2018-03-16)

\n
\n

⚠️ 这个版本 Upload 组件有问题，请不要使用。

\n

从这个版本开始正式支持 React 16，后续开发都将基于 16。

\n
\n
    \n
  • 🎉 升级 React 以及 Enzyme 到最新版本，正式支持 React 16
    • \n
  • \n

    Button

    \n
      \n
    • ✨ 添加对图标的支持
      • \n
    • ✨ 新增 Button.Group 容器
      • \n
    \n
    • \n
  • ✨ Steps 组件新增一个 process 状态，并且默认值也修改为 process
    • \n
  • 🦀️ 修复 Loading 组件高度问题
    • \n
  • 🦀️ 更新 BlockHeader 组件样式
    • \n
  • \n

    Tree

    \n
      \n
    • 🦀️ 修复节点 expand 不生效的问题
      • \n
    • 📚 补充 loadMore 的文档
      • \n
    \n
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 允许通过 errorMessages 参数自定义错误提示文案
      • \n
    • 🦀️ 收敛 CSS 的类名，降低冲突风险
      • \n
    \n
    • \n
\n

4.3.2 (2018-03-07)

\n
\n

⚠️ 这个版本 Loading 组件样式有问题，请不要使用。

\n
\n
    \n
  • 🦀️ 更新 Loading 组件高度设置逻辑
    • \n
  • 🦀️ 修复 Pagination 文案
    • \n
  • 🦀️ 修复 Radio 和 Checkbox 组件嵌套使用时的问题
    • \n
  • 🦀️ Radio 和 Checkbox 的分组组件只读或禁用时会忽略组件自身的设置
    • \n
  • 🦀️ 修复 Upload 组件样式问题
    • \n
\n

4.3.1 (2018-03-05)

\n
    \n
  • 🦀️ 修复 Select 组件在标签样式下 placeholder 缩进不一致的问题
    • \n
  • 🦀️ 修复 Popover 在特定情况下循环调用 adjustPosition 的问题
    • \n
  • 🦀️ 调整 Tree 组件的字体大小
    • \n
  • 🦀️ 修复 Grid 组件在 Windows 系统下的现实问题
    • \n
  • 🦀️ 修复 CopyButton 在某些情况下选择错误的问题
    • \n
\n

4.3.0 (2018-02-14)

\n
\n

情人节快乐！新春快乐!

\n
\n
    \n
  • 🎉 新增 AutoComplete 组件
    • \n
  • 🎉 新增 Rate 评分组件
    • \n
  • 🦀️ 优化 Notify 动画
    • \n
  • 🦀️ 去除 Tabs 组件样式中不必要的 !important
    • \n
  • 🦀️ 修复 Select 搜索框无法获取输入焦点的问题
    • \n
\n

4.2.3 (2018-02-09)

\n
    \n
  • 🦀️ 修复 Sortable 在没传 items 时的问题
    • \n
\n

4.2.2 (2018-02-07)

\n
    \n
  • ✨ Steps 新增垂直样式
    • \n
  • 🦀️ 修复 Grid 表头高度问题
    • \n
  • 🦀️ 修复打包 CSS 样式丢失问题
    • \n
\n

4.2.1 (2018-02-06)

\n
\n

⚠️ 这个版本 CSS 打包有问题，请不要使用。

\n
\n
    \n
  • 🦀️ 修复 Upload 文件类型判断问题
    • \n
\n

4.2.0 (2018-02-05)

\n
\n

⚠️ 这个版本 CSS 打包有问题，请不要使用。

\n
\n
    \n
  • 🎉 新组件 Avatar
    • \n
  • 🎉 新组件 Collapase
    • \n
  • ✨ Menu 增加内联模式
    • \n
  • ✨ Cascader 支持菜单样式
    • \n
  • ✨ Input 清空按钮的回调函数中加入判断来自按钮的参数
    • \n
  • ✨ 补全各个时间选择器的 TypeScript 定义
    • \n
  • ✨ Badge 组件支持自定义偏移量
    • \n
  • ✨ NumberInput 支持回车确认输入
    • \n
  • ✨ Upload 的 onUpload 回调支持返回一个 Promise
    • \n
  • 🦀️ 修复 Sortable 中 onMove, onEnd 与 onChange 同时传入时的问题
    • \n
  • 🦀️ 修复 Form 中的多行文本框无法换行的问题
    • \n
  • 🦀️ 修复 InfiniteScroller 样式问题
    • \n
  • 🦀️ 修复 Select 键盘事件无效的问题
    • \n
  • 🦀️ 修复 Grid 边框样式问题
    • \n
  • 🦀️ 修复 Select 死循环问题
    • \n
\n

4.1.0 (2018-01-29)

\n
    \n
  • 🎉 新增 TimePicker 和 TimeRangePicker
    • \n
  • 🎉 新增 Placeholder 组件
    • \n
  • 🎉 新的文档网站样式
    • \n
  • \n

    Card

    \n
      \n
    • ✨ 新增 loading 状态支持
      • \n
    • ✨ 支持嵌套的卡片
      • \n
    • 🦀️ 样式更新
      • \n
    \n
    • \n
  • ✨ DatePicker 支持 canClear 参数配置是否可以清除选中的时间
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 支持外部传入分组
      • \n
    • 🦀️ 修复可以选择超过 maxAmount 数量文件的问题
      • \n
    • 🦀️ 修复自动弹出的问题
      • \n
    \n
    • \n
  • 🦀️ 修复 Notify 背景色
    • \n
\n

4.0.0 (2018-01-23)

\n
    \n
  • 💥 DateRangePicker 不再支持合并模式，type 参数废弃，升级请注意样式
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 支持分组功能
      • \n
    • ✨ 国际化支持
      • \n
    \n
    • \n
  • ✨ Menu 支持图标展示
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ 修复未选择时间直接确认没有考虑最小时间的问题
      • \n
    • 🦀️ 修复最小时间的判断问题
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ 文档样式修复
      • \n
    • 🦀️ DesignEditor 不再继承 PureComponent
      • \n
    \n
    • \n
  • 🦀️ Slider 样式修复
    • \n
  • 🦀️ 修复文档网站锚点失效的问题
    • \n
  • 🦀️ Grid 修复头部高度不同步的问题
    • \n
  • 🦀️ 优化 Notify 的动画
    • \n
  • \n

    Select

    \n
      \n
    • 🦀️ 修复在部分浏览器下的兼容性问题
      • \n
    • 🦀️ 修复 emptyText 无效的问题
      • \n
    \n
    • \n
  • 🦀️ Sortable 修复示例
    • \n
\n

3.12.3 (2018-01-10)

\n
    \n
  • 🦀️ 修复 Slider 组件背景色问题
    • \n
  • 🦀️ Upload 添加 image/bmp 支持
    • \n
  • 🦀️ 修复 Design demo 中按钮布局和样式
    • \n
\n

3.12.2 (2018-01-09)

\n
    \n
  • ✨ Loading 没有 children 时去掉蒙层的背景色
    • \n
  • ✨ 重命名文件，保持项目内统一
    • \n
  • 🦀️ 修复 Grid 头部样式
    • \n
  • 🦀️ 修复大号 Button 字体大小
    • \n
  • 🦀️ 修复 MonthPicker 没有判断年份的问题
    • \n
  • 📚 增加了国际化的文档
    • \n
\n

3.12.1 (2018-01-05)

\n
    \n
  • 🦀️ 修复 CombineDateRangePicker 没有选完就关闭的问题
    • \n
  • 🦀️ 修复 Notify 出场动画问题
    • \n
\n

3.12.0 (2018-01-04)

\n
    \n
  • 🎉 新增拖拽排序组件 Sortable
    • \n
  • 🎉 组件国际化支持
    • \n
  • ✨ Tag 支持外部控制显示隐藏
    • \n
  • ✨ Input 组件支持清除按钮
    • \n
  • ✨ Grid 组件支持表头固定垂直滚动
    • \n
  • ✨ Notify 支持多个实例排列显示，同时加上了进出场动画
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field 修改错误显示逻辑，支持 displayError 控制错误是否显示
      • \n
    • ✨ Field 支持 relatedFields 指定检验时同时触发的其他字段
      • \n
    • ✨ 重写 FieldArray
      • \n
    \n
    • \n
  • ✨ Swiper 支持动态增减图片
    • \n
  • ✨ Design 支持 settings 以及 onSettingsChange 来设置动态全局配置
    • \n
  • ✨ Sweetalert 支持配置关闭按钮以及点击蒙层是否关闭
    • \n
  • 🦀️ 修复 DateRangePicker 禁用样式
    • \n
  • 🦀️ 修复 Loading 布局中的问题
    • \n
  • 🦀️ 修复 DatePicker onChange 值不对的问题
    • \n
  • 🦀️ 修复 NumberInput onBlur 与 onChange 事件抛出的值不一致的问题
    • \n
  • 🦀️ 修复 Upload 上传图片乱序的问题
    • \n
  • 🦀️ 修复 Select tag 类型选中顺序不一致的问题
    • \n
  • 🦀️ 修复 ColorPicker 颜色输入框无法删除的问题
    • \n
  • 🦀️ 修复 textarea 高度抖动的问题
    • \n
  • 🦀️ 修复了一些 typo
    • \n
  • 🦀️ 修复 yarn new-component 命令
    • \n
\n

3.11.0 (2017-12-20)

\n
    \n
  • 🎉 新组件季度选择器 QuarterPicker
    • \n
  • ✨ Select 支持选中后清除
    • \n
  • ✨ Grid 支持表头固定的纵向滚动方式
    • \n
  • ✨ DatePicker 交互优化，没有时间的时候不需要按确认按钮
    • \n
  • ✨ Upload 支持已选图片拖拽排序
    • \n
  • ✨ Input 的 textarea 模式支持文字计数
    • \n
  • ✨ Input 的 textarea 模式支持根据高度自动撑高
    • \n
  • ✨ BlockHeader 修改弹层位置
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 新增图片广告示例组件
      • \n
    • ✨ 新增富文本示例组件
      • \n
    • ✨ 支持在 preview 底部显示额外的信息
      • \n
    \n
    • \n
  • ✨ Popover 和 Pop 新增 onPositionUpdated 回调函数
    • \n
  • \n

    Form

    \n
      \n
    • ✨ 修改 required 校验规则，null 也认为是错误
      • \n
    • ✨ 支持禁止表单内部输入框回车提交表单的行为
      • \n
    • 🦀️ 修复 validationOnChange 为 false 时部分情况下组件重新渲染的问题
      • \n
    • 🦀️ 修复自动滚动到第一个错误处无法处理 Functional Component 的问题
      • \n
    \n
    • \n
  • \n

    Swiper

    \n
      \n
    • 🦀️ 修复只有一个图片时的问题
      • \n
    • 🦀️ 修复快速连续点击上一张/下一张的动画问题
      • \n
    \n
    • \n
  • 🦀️ Loading 修复图标不居中的问题
    • \n
  • 🦀️ 滚动函数支持运行在 node.js 环境
    • \n
  • 🦀️ Table 修复使用 batchcomponents 时报错的问题
    • \n
  • 📚 InfiniteScroller 修复文档错误
    • \n
  • 📚 Button 修复示例
    • \n
\n

3.10.7 (2017-12-07)

\n
    \n
  • ✨ Menu 支持传入额外的自定义样式
    • \n
  • 🦀️ Upload 修复单文件上传的问题
    • \n
\n

3.10.6 (2017-12-06)

\n
    \n
  • ✨ Form 组件支持表单报错事滚动到第一个错误处
    • \n
  • 🦀️ Upload 增加文件过滤支持
    • \n
\n

3.10.5 (2017-12-05)

\n
    \n
  • 🦀️ 回滚 Design 的预览宽度为 320px
    • \n
\n

3.10.4 (2017-12-04)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ 预览区域宽度调整为 375px
      • \n
    • 🦀️ 样式优化
      • \n
    \n
    • \n
  • ✨ Pop 和 Popover 组件导出了 adjustPosition 用于在极端情况下手动触发位置更新
    • \n
  • 🦀️ 修复 Button 组件在某些全局环境下，样式错误的问题
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 样式优化
      • \n
    • 🦀️ 处理了一些 ES6 的兼容问题
      • \n
    \n
    • \n
\n

3.10.3 (2017-11-29)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ 修复 accept 参数无效的问题
      • \n
    • 🦀️ 修复语音上传问题
      • \n
    \n
    • \n
  • 🦀️ Pagination 样式修复
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 修改添加组件按钮样式
      • \n
    • ✨ 优化删除组件逻辑
      • \n
    • 🦀️ 去掉添加/删除组件时的自动滚动
      • \n
    \n
    • \n
\n

3.10.2 (2017-11-28)

\n
    \n
  • 🦀️ 修复 Upload 组件 accept 参数无效的问题
    • \n
\n

3.10.1 (2017-11-27)

\n
    \n
  • 🎉 NumberInput 新增一种新样式，通过 showCounter 开启
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ 组件增强文件类型判断功能
      • \n
    • ✨ 支持语音上传
      • \n
    • 🦀️ 修复删除图片位置不对的问题
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ 修复了一些样式问题
      • \n
    • ✨ 新增 canInsert, canDelete 用于细粒度控制添加/删除按钮
      • \n
    \n
    • \n
  • 🦀️ 修复 Form 组件有异步校验导致无法提交的问题
    • \n
  • 🦀️ 修复 Pop 的 TypeScript 类型定义
    • \n
\n

3.10.0 (2017-11-24)

\n
    \n
  • 🎉 新增年份选择组件 YearPicker
    • \n
  • \n

    Design

    \n
      \n
    • ✨ 新的添加组件交互
      • \n
    • ✨ 不再依赖 react-dnd
      • \n
    \n
    • \n
  • 🦀️ 修复 Cascader 数据不能为空的问题
    • \n
\n

如果你的 Design 组件依赖 react-dnd 你可能需要在 App 的顶层自己注入 react-dnd 的 context.

\n
import HTML5Backend from \'react-dnd-html5-backend\';\nimport { DragDropContextProvider } from \'react-dnd\';\n\nexport default class YourApp {\n  render() {\n    return (\n      <DragDropContextProvider backend={HTML5Backend}>\n        /* ... */\n      </DragDropContextProvider>\n    );\n  }\n}
\n

3.9.9 (2017-11-22)

\n
    \n
  • \n

    Design

    \n
      \n
    • 🦀️ 修复添加组件浮层字体颜色不对的问题
      • \n
    • 🦀️ 暂时去掉了选中组件时滚动到屏幕内的行为
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ 修复 FieldArray 因删减导致的表单校验报错的问题
      • \n
    • 🦀️ 修复 FieldArray 在嵌套使用时，部分域增删时数据不对问题
      • \n
    • 🦀️ 修复文档中错误文字
      • \n
    • 🦀️ 修复 setFieldsValue 和 initialize 方法无法设定表单域为 0 的问题
      • \n
    • 🦀️ 修复 validateOnChange 和 validateOnBlur 同为 false 时，部分情况下仍然在非提交时报错
      • \n
    \n
    • \n
\n

3.9.8 (2017-11-21)

\n
    \n
  • 🦀️ 更新 Design 删除/添加组件的交互
    • \n
\n

3.9.7 (2017-11-20)

\n
    \n
  • 🦀️ 修复 Design 分组样式问题
    • \n
\n

3.9.6 (2017-11-20)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ 当组件达到最大可添加数量时，支持展示一个提示给用户
      • \n
    • ✨ 样式更新，最主要的是去掉了添加组件区域上面的箭头
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ 增加了一个 select 方法用于选中输入框的文字，同时也支持 autoSelect 来默认选中部分文字
      • \n
    • 🦀️ 修复了 diabled 状态的样式问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Upload 组件无法重复上传同一个组件的问题
    • \n
  • 🦀️ 修复了 Select 中 data 参数为 undefined 或者 null 时报错的问题
    • \n
  • 🦀️ 修复了 MonthPicker 的禁用逻辑
    • \n
  • 🦀️ 修复了 Table 组件的 emptyLabel 类型
    • \n
  • 🦀️ 修复了 Button 组件的 TypeScript 定义
    • \n
\n

3.9.5 (2017-11-13)

\n
    \n
  • ✨ 文档网站增加组件搜索功能
    • \n
  • 🦀️ 修复了 DatePicker 时间联动禁用逻辑
    • \n
\n

3.9.4 (2017-11-09)

\n
    \n
  • 🦀️ 更新英文文档
    • \n
\n

3.9.3 (2017-11-09)

\n
    \n
  • 🎉 新版文档网站，加入了英文文档支持
    • \n
  • ✨ Progress 组件支持自定义颜色
    • \n
  • ✨ 表单组件（例如 Input, Select 等）支持通过传入 width=xx 来设置宽度
    • \n
  • ✨ Notify 组件支持 config 函数来设置全局弹框消失延迟时间
    • \n
  • ✨ DatePicker 支持 max 和 min 来禁用时间
    • \n
  • 🦀️ 修复了 Form 组件提交表单时不触发没有校验过的异步校验的问题
    • \n
  • 🦀️ 修复了 Popover 组件某些情况下调用 getBoundingClientRect 出错的问题
    • \n
\n

3.9.2 (2017-11-06)

\n
    \n
  • ✨ Design 组件支持创建时自定义默认类型
    • \n
  • 🦀️ 修复了 Table 某些情况下跨页多选失败的问题
    • \n
  • 🦀️ 修复了一些 React 16 下的兼容问题
    • \n
\n

3.9.1 (2017-11-02)

\n
    \n
  • 🦀️ 修复了 Design 的一些样式问题
    • \n
\n

3.9.0 (2017-10-31)

\n
    \n
  • ✨ 增加了基础全局样式，类似 normalize.css 和 reset.css
    • \n
  • \n

    Grid:

    \n
      \n
    • 🦀️ 修复了不能动态修改 columns 的问题
      • \n
    • 🦀️ 修复当行高高于默认高度时，左侧固定列和右侧固定列高度不一致的问题
      • \n
    • 🦀️ 修复滚动到最右侧时，最右侧固定列的阴影不消失的问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Design 代码中的一个变量名错误，不影响代码功能
    • \n
  • 🦀️ 修复了 Form 的 ControlGroup 不能处理 Functional Component 的问题
    • \n
  • 📚 更新了文档网站细节样式
    • \n
\n

3.8.1 (2017-10-26)

\n
    \n
  • 🎉 新增组件库 Demo，可以在文档的项目示例页面查看
    • \n
  • 🎉 新增新建组件样板的脚本 yarn new-component
    • \n
  • ✨ Table 支持整行选择，通过参数 canRowSelect 控制，默认关闭
    • \n
  • \n

    Design:

    \n
      \n
    • 🦀️ 修复了 defaultSelectedIndex 的应用逻辑
      • \n
    • 🦀️ 修复了 Chrome 62 中的按钮样式问题
      • \n
    \n
    • \n
  • 🦀️ 修复了 Select 组件在格式化数据时会修改 data 数组中对象的问题
    • \n
\n

babel-plugin-zent@1.1.0 (2017-10-26)

\n
    \n
  • ✨ 新增 useRawStyle 参数，支持 import postcss 样式，需要配合 zent >= 3.8.1 使用
    • \n
\n

3.8.0 (2017-10-20)

\n
    \n
  • 🎉 新组件 InfiniteScroller，用来实现滚动自动加载
    • \n
  • \n

    Form:

    \n
      \n
    • 🎉 新增 FormSection 以及 FieldArray 支持
      • \n
    • 🎉 新增 setFieldsValue 以及 initialize 方法
      • \n
    • 🎉 更多内置表单元素组件: FormColorPickerField, FormDateRangePickerField, FormNumberInputField, FormSwitchField
      • \n
    • 🎉 Field 添加重要提示 notice 属性
      • \n
    • ✨ 增加 setFormDirty 和 isFieldDirty 方法
      • \n
    \n
    • \n
  • ✨ Select 做了一些代码逻辑优化
    • \n
  • ✨ Design 添加组件的时候支持回调函数终止当前操作
    • \n
  • ✨ Popover 的 onBeforeClose 以及 onBeforeShow 支持终止当前操作
    • \n
  • 🦀️ Slider 组件现在高亮圆点的时候会同时高亮滑动条
    • \n
  • 🦀️ 修复了 DateRangePicker 的 TypeScript 定义
    • \n
  • 🦀 修复了 SearchInput 的一个样式问题
    • \n
\n

3.7.0 (2017-09-28)

\n
    \n
  • 🎉 新组件 Grid，功能和 Table 组件类似，但是底层是用 <table> 实现的，现在 Grid 有些 Table 的功能还没有实现
    • \n
  • 🎉 Zent 支持自定义主题，文档网站同步添加了色彩和主题定制的章节
    • \n
  • \n

    Steps:

    \n
      \n
    • ✨ 新增了 onStepChange 和 sequence 参数
      • \n
    • ✨ 更新了 number 类型的样式
      • \n
    \n
    • \n
  • 🦀️ 修复了 React 16 下面的一些警告
    • \n
  • 🦀️ 修复了 Slider 文档页面上的警告
    • \n
  • 🦀️ 更新了 DateRangeQuickPicker 的样式
    • \n
  • 🦀️ 修复了 Select 在选项数组置空后选中项不会重置的问题
    • \n
\n

3.6.1 (2017-09-21)

\n
    \n
  • 🦀️ 修复了 Design 的样式问题
    • \n
\n

3.6.0 (2017-09-21)

\n
    \n
  • \n

    Design:

    \n
      \n
    • ✨ 支持添加区域组件的分组展示
      • \n
    • ✨ 支持限制每个组件可添加的次数
      • \n
    \n
    • \n
  • ✨ DatePicker 添加了 onBeforeConfirm 以及 onBeforeClear 的钩子
    • \n
  • ️🦀️ 修复了 Table 全选复选框在整页都不可选时没有禁用的问题
    • \n
  • 🦀️ 修复了某些情况下 Popover 在屏幕滚动后弹出层位置错误的问题
    • \n
  • 🦀️ 修复了 MonthPicker 禁用的日期依然可以选择的问题
    • \n
\n

3.5.4 (2017-09-15)

\n
    \n
  • \n

    Swiper：

    \n
      \n
    • 🦀️ 修复了只有一张图片时的显示问题
      • \n
    • 📚 增加了实例 API 文档，用于外部控制切换
      • \n
    \n
    • \n
  • 🦀️ 修复了 Table 跨页多选在全选按钮上无效的问题
    • \n
  • 🦀️ 回滚了 Select 组件的宽度样式
    • \n
  • 🦀️ 修复了 Design 组件没有正确删除 beforeunload 事件回调函数的问题
    • \n
  • 🦀️ 更新了 Tabs 组件的 Typescript 定义
    • \n
  • 📚 更新了文档网站，添加了组件开发的详细文档
    • \n
\n

3.5.3 (2017-09-13)

\n
    \n
  • 🦀️ 修复了同时打开多个 Dialog 时遮罩 z-index 不正确的问题
    • \n
  • 🦀️ 修复了 DateRangeQuickPicker 最近 7 天的语义，包含今天
    • \n
  • 🦀️ 修复了 Tabs 组件中 activeId 为 0 时无法选中的问题
    • \n
  • 🦀️ 修复了 Form 组件 validateOnChange 和 validateOnBlur 同时设为 false 时，表单提交时不显示校验错误的问题
    • \n
  • \n

    Table:

    \n
      \n
    • 🦀️ 修复了 clearfix 样式不存在的问题
      • \n
    • 🦀️ 修复了 totalItem 没有正确读取的问题
      • \n
    • 📚 修改了 title 类型的描述
      • \n
    \n
    • \n
  • 🦀️ 修复了 Select 组件高度不正确的问题
    • \n
'}))}}}}]); \ No newline at end of file diff --git a/4715-17b6d52544e8e8706e50.js b/4715-180f1b8020ecd3ad34dc.js similarity index 99% rename from 4715-17b6d52544e8e8706e50.js rename to 4715-180f1b8020ecd3ad34dc.js index 3b8b6e063..372560ffd 100644 --- a/4715-17b6d52544e8e8706e50.js +++ b/4715-180f1b8020ecd3ad34dc.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4715],{54715:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(77148),l=a(56377),u=a(69916),r=a(36603),i=a(39215),k=a(28627),d=a(24246);function m(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function y(n){for(var s=1;s({option:String(s),text:"option".concat(s),disabled:s%2==1}))),s=(0,e.useState)(["8","9","10","15"]),a=(0,p.Z)(s,2),t=a[0],o=a[1],u=(0,e.useState)([]),r=(0,p.Z)(u,2),i=r[0],k=r[1],m=(0,e.useState)(!1),y=(0,p.Z)(m,2),g=y[0],h=y[1];return(0,d.jsxs)("div",{children:[(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n,selectedKeys:s})=>{o(n),k(s)},list:{columns:[{name:"text"}]},selectedKeys:i,onSelectChange:n=>k(n),disabled:g}),(0,d.jsxs)("div",{style:{marginTop:"20px"},children:[(0,d.jsx)(l.r,{checked:g,onChange:()=>h(!g)}),"disabled"]})]})},h=function(){var n=new Array(20).fill().map(((n,s)=>({option:String(s),text:"option".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),showSearch:!0,filterOption:(n,{text:s})=>s.indexOf(n)>-1,list:{columns:[{name:"text"}]}})})},f=function(){var n=new Array(200).fill().map(((n,s)=>({option:String(s),text1:"Option".concat(s),text2:"Product".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",className:"grid-transfer",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),pagination:!0,list:[{columns:[{name:"text1",title:"left1"},{name:"text2",title:"left2"}],scroll:{y:198}},{columns:[{name:"text1",title:"right"}],scroll:{y:198}}]})})},b=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,e.useState)([]),t=(0,p.Z)(a,2),o=t[0],l=t[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"id",dataSource:s,targetKeys:o,onChange:({targetKeys:n})=>l(n),list:{columns:[{name:"title"}]},children:({direction:s,selectedKeys:a,handleSelectChange:t})=>{if("left"===s)return(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:(n,s)=>{t(n.filter((n=>!o.includes(n))))},checkedKeys:Array.from(new Set([...a,...o])),disabledCheckedKeys:o,expandAll:!0})}})})},w=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,r.Z)({targetKeys:[8,9]}),t=a.targetKeys,p=a.selectedKeys,o=a.transferKeys,c=a.changeSelectedKeys;return(0,d.jsxs)("div",{className:"transfer-hook",children:[(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:n=>{c("left",n.filter((n=>!t.includes(n))))},checkedKeys:Array.from(new Set([...p,...t])),disabledCheckedKeys:t,expandAll:!0}),(0,d.jsx)(i.J,{className:"left-icon",type:"left",onClick:()=>o("left")}),(0,d.jsx)(i.J,{className:"right-icon",type:"right",onClick:()=>o("right")}),(0,d.jsx)(k.r,{className:"transfer-gird",datasets:t.map((n=>s.find((s=>n===s.id)))),selection:{selectedRowKeys:t.filter((n=>p.includes(n))),onSelect:n=>c("right",n)},columns:[{name:"title",title:"tree node"}]})]})};function v(n){return(0,d.jsx)(n.tag,y(y({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function K(n){return(0,d.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,d.jsx)(v,{tag:"style",html:n.style})}function x(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),x(n.parentNode,s);return s}class S extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,d.jsxs)("div",{className:"zandoc-react-demo",children:[(0,d.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,d.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,d.jsx)("div",{className:"zandoc-react-demo__title",children:(0,d.jsx)("p",{children:a||""})}),(0,d.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,d.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,d.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,x(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(j,{style:".grid-transfer .zent-transfer__item:first-child {\n\twidth: 400px;\n}\n.grid-transfer .zent-grid-thead .zent-grid-tr {\n\theight: 36px;\n}\n\n.transfer-hook {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.transfer-hook .left-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 0 20px 10px;\n\t}\n\n.transfer-hook .right-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 30px 20px 0;\n\t}\n\n.transfer-hook .transfer-gird {\n\t\tmin-height: 240px;\n\t\twidth: 200px;\n\t}"}),e.createElement(K,{html:'

Transfer

\n

双栏穿梭选择框。

\n

代码演示

'}),e.createElement(S,{title:"基础用法",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Transfer, Switch, Disabled } from \'zent\';\n\nconst data = new Array(20).fill().map((_, index) => ({\n option: String(index),\n text: `option${index}`,\n disabled: index % 2 === 1,\n}));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([\'8\', \'9\', \'10\', \'15\']);\nconst [selectedKeys, setSelectedKeys] = useState([]);\nconst [checked, setChecked] = useState(false);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys, selectedKeys }) => {\n setTargetKeys(targetKeys);\n setSelectedKeys(selectedKeys);\n }}\n list={{ columns }}\n selectedKeys={selectedKeys}\n onSelectChange={items => setSelectedKeys(items)}\n disabled={checked}\n />\n <div style={{ marginTop: \'20px\' }}>\n <Switch checked={checked} onChange={() => setChecked(!checked)} />\n disabled\n </div>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(S,{title:"搜索",id:"Demosearch",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(20)\n .fill()\n .map((_, index) => ({ option: String(index), text: `option${index}` }));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n showSearch\n filterOption={(inputValue, { text }) => text.indexOf(inputValue) > -1}\n list={{ columns }}\n />\n </div>,\n mountNode\n);'},e.createElement(h)),e.createElement(S,{title:"表格",id:"Demogrid",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(200).fill().map((_, index) => ({\n option: String(index),\n text1: `Option${index}`,\n text2: `Product${index}`,\n}));\n\nconst leftColumns = [\n {\n name: \'text1\',\n title: \'left1\',\n },\n {\n name: \'text2\',\n title: \'left2\',\n },\n];\n\nconst rightColumns = [\n {\n name: \'text1\',\n title: \'right\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n className="grid-transfer"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n pagination\n list={[\n {\n columns: leftColumns, scroll: { y: 198 }\n },\n {\n columns: rightColumns, scroll: { y: 198 }\n },\n ]}\n />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(S,{title:"自定义渲染列表",id:"DemorenderProps",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { Transfer, Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n children: [\n {\n id: 2,\n title: \'技术\',\n children: [\n {\n id: 3,\n title: \'后端\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="id"\n dataSource={transferDataSource}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n list={{ columns }}\n >\n {({ direction, selectedKeys, handleSelectChange }) => {\n if (\'left\' === direction) {\n return (\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={(checked, helpInfo) => {\n handleSelectChange(\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n );\n }\n }}\n </Transfer>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(S,{title:"useTransfer",id:"Demohook",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { useTransfer, Grid, Tree, Icon } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n children: [\n {\n id: 2,\n title: \'技术\',\n children: [\n {\n id: 3,\n title: \'后端\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n title: \'tree node\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst { targetKeys, selectedKeys, transferKeys, changeSelectedKeys } = useTransfer({ targetKeys: [8, 9] });\n\nReactDOM.render(\n <div className="transfer-hook">\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={checked => {\n changeSelectedKeys(\n \'left\',\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n <Icon className="left-icon" type="left" onClick={() => transferKeys(\'left\')} />\n <Icon className="right-icon" type="right" onClick={() => transferKeys(\'right\')} />\n <Grid\n className="transfer-gird"\n datasets={targetKeys.map(key => transferDataSource.find(item => key === item.id))}\n selection={{\n selectedRowKeys: targetKeys.filter(item => selectedKeys.includes(item)),\n onSelect: keys => changeSelectedKeys(\'right\', keys),\n }}\n columns={columns}\n />\n </div>,\n mountNode\n);'},e.createElement(w)),e.createElement(K,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必填
keyName指定\ndataSource\n的主键string是
dataSource数据源，其中的数据将会被渲染到左边一栏中，\ntargetKeys\n中指定的除外ITransferData[]是
onChange选项在两栏之间转移时的回调函数({ targetKeys, transferredKeys, direction, selectedKeys }) => void是
targetKeys显示在右侧框数据的\nkey\n集合string[][]否
selectedKeys设置哪些项应该被选中string[][]否
onSelectChange选中项发生改变时的回调函数(selectedKeys: string[]) => void否
titles标题集合，顺序从左至右[React.ReactNode, React.ReactNode][\'Source\', \'Target\']否
showSearch是否显示搜索框booleanfalse否
searchPlaceholder搜索框文案string请输入搜索内容否
filterOption接收\ninputValue\n、\noption\n两个参数，当\noption\n符合筛选条件时，应返回\ntrue\n，反之则返回\nfalse(inputValue: string, option: ITransferData) => boolean否
pagination列表分页，自定义渲染列表下无效，pageSize 默认 10 条boolean\n \n|\n \n{ pageSize: number }否
disabled是否禁用boolean否
className自定义类名string\'\'否
list设置列表属性Object ListType\n \n|\n \n[ListType, ListType]否
\n

Render Props

\n

Transfer 支持接收 children 自定义渲染列表，并返回以下参数：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
direction渲染列表的方向left\n \n|\n \nright
selectedKeys选中项string[]
handleSelectChange修改选中项(keys: string[]) => void
\n

list

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填
columns表格列配置TransferColumnType是
selection表格的选择功能配置，(当前仅支持\ngetCheckboxProps\n)object { getCheckboxProps: ( data: ITransferData) => { disabled?: boolean; reason?: React.ReactNode }; }否
\n

以上 props 和Grid不同，支持透传的属性有rowKey、scroll、emptyLabel、onRowClick、sortBy、sortType、defaultSortType、bordered、ellipsis、components、rowProps、autoStick、autoStickOffsetTop、disableHoverHighlight、onChange、loading、className、rowClassName（查看属性说明）。

\n

columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
name列表展示数据的\nkeystring是
title列头的名称ReactNode\'\'否
\n

以上 props 和 Grid 不同，查看其他属性说明。

\n

useTransfer

\n

传送左右两边数据的 hook。

\n

Params

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必填
selectedKeys初始选中项string[][]否
targetKeys初始显示在右侧框数据的\nkey\n集合string[][]否
disabledKeys禁用的\nkey\n集合string[][]否
\n

Result

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
selectedKeys选中项string[]
targetKeys显示在右侧数据的\nkey\n集合string[]
transferKeys转移左侧或右侧选项的函数(direction: Direction) => void
changeSelectedKeys设置左侧或右侧选中项的函数(direction: Direction, selectedKeys: string[]) => void
resetSelectedKeys重置选中项的函数(keys: string[]) => void
resetTargetKeys重置\ntargetKeys\n的函数(keys: string[]) => void
'}))}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4715],{54715:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(77148),l=a(56377),u=a(69916),r=a(36603),i=a(39215),k=a(26317),d=a(24246);function m(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function y(n){for(var s=1;s({option:String(s),text:"option".concat(s),disabled:s%2==1}))),s=(0,e.useState)(["8","9","10","15"]),a=(0,p.Z)(s,2),t=a[0],o=a[1],u=(0,e.useState)([]),r=(0,p.Z)(u,2),i=r[0],k=r[1],m=(0,e.useState)(!1),y=(0,p.Z)(m,2),g=y[0],h=y[1];return(0,d.jsxs)("div",{children:[(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n,selectedKeys:s})=>{o(n),k(s)},list:{columns:[{name:"text"}]},selectedKeys:i,onSelectChange:n=>k(n),disabled:g}),(0,d.jsxs)("div",{style:{marginTop:"20px"},children:[(0,d.jsx)(l.r,{checked:g,onChange:()=>h(!g)}),"disabled"]})]})},h=function(){var n=new Array(20).fill().map(((n,s)=>({option:String(s),text:"option".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),showSearch:!0,filterOption:(n,{text:s})=>s.indexOf(n)>-1,list:{columns:[{name:"text"}]}})})},f=function(){var n=new Array(200).fill().map(((n,s)=>({option:String(s),text1:"Option".concat(s),text2:"Product".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",className:"grid-transfer",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),pagination:!0,list:[{columns:[{name:"text1",title:"left1"},{name:"text2",title:"left2"}],scroll:{y:198}},{columns:[{name:"text1",title:"right"}],scroll:{y:198}}]})})},b=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,e.useState)([]),t=(0,p.Z)(a,2),o=t[0],l=t[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"id",dataSource:s,targetKeys:o,onChange:({targetKeys:n})=>l(n),list:{columns:[{name:"title"}]},children:({direction:s,selectedKeys:a,handleSelectChange:t})=>{if("left"===s)return(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:(n,s)=>{t(n.filter((n=>!o.includes(n))))},checkedKeys:Array.from(new Set([...a,...o])),disabledCheckedKeys:o,expandAll:!0})}})})},w=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,r.Z)({targetKeys:[8,9]}),t=a.targetKeys,p=a.selectedKeys,o=a.transferKeys,c=a.changeSelectedKeys;return(0,d.jsxs)("div",{className:"transfer-hook",children:[(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:n=>{c("left",n.filter((n=>!t.includes(n))))},checkedKeys:Array.from(new Set([...p,...t])),disabledCheckedKeys:t,expandAll:!0}),(0,d.jsx)(i.J,{className:"left-icon",type:"left",onClick:()=>o("left")}),(0,d.jsx)(i.J,{className:"right-icon",type:"right",onClick:()=>o("right")}),(0,d.jsx)(k.r,{className:"transfer-gird",datasets:t.map((n=>s.find((s=>n===s.id)))),selection:{selectedRowKeys:t.filter((n=>p.includes(n))),onSelect:n=>c("right",n)},columns:[{name:"title",title:"tree node"}]})]})};function v(n){return(0,d.jsx)(n.tag,y(y({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function K(n){return(0,d.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,d.jsx)(v,{tag:"style",html:n.style})}function x(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),x(n.parentNode,s);return s}class S extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,d.jsxs)("div",{className:"zandoc-react-demo",children:[(0,d.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,d.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,d.jsx)("div",{className:"zandoc-react-demo__title",children:(0,d.jsx)("p",{children:a||""})}),(0,d.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,d.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,d.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,x(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(j,{style:".grid-transfer .zent-transfer__item:first-child {\n\twidth: 400px;\n}\n.grid-transfer .zent-grid-thead .zent-grid-tr {\n\theight: 36px;\n}\n\n.transfer-hook {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.transfer-hook .left-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 0 20px 10px;\n\t}\n\n.transfer-hook .right-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 30px 20px 0;\n\t}\n\n.transfer-hook .transfer-gird {\n\t\tmin-height: 240px;\n\t\twidth: 200px;\n\t}"}),e.createElement(K,{html:'

Transfer

\n

双栏穿梭选择框。

\n

代码演示

'}),e.createElement(S,{title:"基础用法",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Transfer, Switch, Disabled } from \'zent\';\n\nconst data = new Array(20).fill().map((_, index) => ({\n option: String(index),\n text: `option${index}`,\n disabled: index % 2 === 1,\n}));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([\'8\', \'9\', \'10\', \'15\']);\nconst [selectedKeys, setSelectedKeys] = useState([]);\nconst [checked, setChecked] = useState(false);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys, selectedKeys }) => {\n setTargetKeys(targetKeys);\n setSelectedKeys(selectedKeys);\n }}\n list={{ columns }}\n selectedKeys={selectedKeys}\n onSelectChange={items => setSelectedKeys(items)}\n disabled={checked}\n />\n <div style={{ marginTop: \'20px\' }}>\n <Switch checked={checked} onChange={() => setChecked(!checked)} />\n disabled\n </div>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(S,{title:"搜索",id:"Demosearch",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(20)\n .fill()\n .map((_, index) => ({ option: String(index), text: `option${index}` }));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n showSearch\n filterOption={(inputValue, { text }) => text.indexOf(inputValue) > -1}\n list={{ columns }}\n />\n </div>,\n mountNode\n);'},e.createElement(h)),e.createElement(S,{title:"表格",id:"Demogrid",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(200).fill().map((_, index) => ({\n option: String(index),\n text1: `Option${index}`,\n text2: `Product${index}`,\n}));\n\nconst leftColumns = [\n {\n name: \'text1\',\n title: \'left1\',\n },\n {\n name: \'text2\',\n title: \'left2\',\n },\n];\n\nconst rightColumns = [\n {\n name: \'text1\',\n title: \'right\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n className="grid-transfer"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n pagination\n list={[\n {\n columns: leftColumns, scroll: { y: 198 }\n },\n {\n columns: rightColumns, scroll: { y: 198 }\n },\n ]}\n />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(S,{title:"自定义渲染列表",id:"DemorenderProps",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { Transfer, Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n children: [\n {\n id: 2,\n title: \'技术\',\n children: [\n {\n id: 3,\n title: \'后端\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="id"\n dataSource={transferDataSource}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n list={{ columns }}\n >\n {({ direction, selectedKeys, handleSelectChange }) => {\n if (\'left\' === direction) {\n return (\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={(checked, helpInfo) => {\n handleSelectChange(\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n );\n }\n }}\n </Transfer>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(S,{title:"useTransfer",id:"Demohook",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { useTransfer, Grid, Tree, Icon } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n children: [\n {\n id: 2,\n title: \'技术\',\n children: [\n {\n id: 3,\n title: \'后端\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n title: \'tree node\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst { targetKeys, selectedKeys, transferKeys, changeSelectedKeys } = useTransfer({ targetKeys: [8, 9] });\n\nReactDOM.render(\n <div className="transfer-hook">\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={checked => {\n changeSelectedKeys(\n \'left\',\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n <Icon className="left-icon" type="left" onClick={() => transferKeys(\'left\')} />\n <Icon className="right-icon" type="right" onClick={() => transferKeys(\'right\')} />\n <Grid\n className="transfer-gird"\n datasets={targetKeys.map(key => transferDataSource.find(item => key === item.id))}\n selection={{\n selectedRowKeys: targetKeys.filter(item => selectedKeys.includes(item)),\n onSelect: keys => changeSelectedKeys(\'right\', keys),\n }}\n columns={columns}\n />\n </div>,\n mountNode\n);'},e.createElement(w)),e.createElement(K,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必填
keyName指定\ndataSource\n的主键string是
dataSource数据源，其中的数据将会被渲染到左边一栏中，\ntargetKeys\n中指定的除外ITransferData[]是
onChange选项在两栏之间转移时的回调函数({ targetKeys, transferredKeys, direction, selectedKeys }) => void是
targetKeys显示在右侧框数据的\nkey\n集合string[][]否
selectedKeys设置哪些项应该被选中string[][]否
onSelectChange选中项发生改变时的回调函数(selectedKeys: string[]) => void否
titles标题集合，顺序从左至右[React.ReactNode, React.ReactNode][\'Source\', \'Target\']否
showSearch是否显示搜索框booleanfalse否
searchPlaceholder搜索框文案string请输入搜索内容否
filterOption接收\ninputValue\n、\noption\n两个参数，当\noption\n符合筛选条件时，应返回\ntrue\n，反之则返回\nfalse(inputValue: string, option: ITransferData) => boolean否
pagination列表分页，自定义渲染列表下无效，pageSize 默认 10 条boolean\n \n|\n \n{ pageSize: number }否
disabled是否禁用boolean否
className自定义类名string\'\'否
list设置列表属性Object ListType\n \n|\n \n[ListType, ListType]否
\n

Render Props

\n

Transfer 支持接收 children 自定义渲染列表，并返回以下参数：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
direction渲染列表的方向left\n \n|\n \nright
selectedKeys选中项string[]
handleSelectChange修改选中项(keys: string[]) => void
\n

list

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填
columns表格列配置TransferColumnType是
selection表格的选择功能配置，(当前仅支持\ngetCheckboxProps\n)object { getCheckboxProps: ( data: ITransferData) => { disabled?: boolean; reason?: React.ReactNode }; }否
\n

以上 props 和Grid不同，支持透传的属性有rowKey、scroll、emptyLabel、onRowClick、sortBy、sortType、defaultSortType、bordered、ellipsis、components、rowProps、autoStick、autoStickOffsetTop、disableHoverHighlight、onChange、loading、className、rowClassName（查看属性说明）。

\n

columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
name列表展示数据的\nkeystring是
title列头的名称ReactNode\'\'否
\n

以上 props 和 Grid 不同，查看其他属性说明。

\n

useTransfer

\n

传送左右两边数据的 hook。

\n

Params

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必填
selectedKeys初始选中项string[][]否
targetKeys初始显示在右侧框数据的\nkey\n集合string[][]否
disabledKeys禁用的\nkey\n集合string[][]否
\n

Result

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
selectedKeys选中项string[]
targetKeys显示在右侧数据的\nkey\n集合string[]
transferKeys转移左侧或右侧选项的函数(direction: Direction) => void
changeSelectedKeys设置左侧或右侧选中项的函数(direction: Direction, selectedKeys: string[]) => void
resetSelectedKeys重置选中项的函数(keys: string[]) => void
resetTargetKeys重置\ntargetKeys\n的函数(keys: string[]) => void
'}))}}}}]); \ No newline at end of file diff --git a/6286-b197eb58a9f4b8af9f80.js b/6286-f23e3e853a405baa7007.js similarity index 99% rename from 6286-b197eb58a9f4b8af9f80.js rename to 6286-f23e3e853a405baa7007.js index f38d45c20..db2d78d08 100644 --- a/6286-b197eb58a9f4b8af9f80.js +++ b/6286-f23e3e853a405baa7007.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6286],{66286:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>H});var t=a(73118),p=a(73450),o=a(27378),e=a(57318),c=a(28627),l=a(56377),u=a(3454),r=a(23476),k=a(80964),i=a(62640),d=a(71457),m=(a(31542),a(42694)),y=a(24246);function g(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function h(n){for(var s=1;s1?5:null});return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},f=function(){for(var n=[{title:"听说这样设置一个超长超长的商品名会不换行",name:"name",width:100,noWrap:!0},{title:"听说这样设置访问量可以靠右对齐",name:"uv",textAlign:"right",width:300},{title:"这是一个大库存",name:"stock"}],s=[],a=0;a<3;a++)s.push({id:a,name:"商品 ".concat(a),uv:20,stock:5});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{loading:!0})}render(){return(0,y.jsxs)("div",{children:[(0,y.jsx)(l.r,{onChange:n=>this.setState({loading:n}),checked:this.state.loading,size:"small",className:"switch"}),(0,y.jsx)(c.r,{columns:n,datasets:s,loading:this.state.loading,size:"large"})]})}}return(0,y.jsx)(t,{})},b=function(){for(var n=[{title:"听说这样设置一个超长超长的商品名会不换行",name:"name",width:100,noWrap:!0,onCellClick:n=>{}},{title:"访问量",name:"uv"},{title:"访问量",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{current:1,pageSize:5,total:10,datasets:s}),(0,p.Z)(this,"onChange",(({current:n,pageSize:s})=>{this.setState({current:n,pageSize:s})}))}render(){var t=this.state,p=t.current,o=t.pageSize,e=t.total;return(0,y.jsx)(c.r,{columns:n,datasets:1===p?s:a,pageInfo:{current:p,pageSize:o,total:e,pageSizeOptions:[5,10]},onChange:this.onChange,size:"large",ellipsis:!0})}}return(0,y.jsx)(e,{})},v=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1,showSelection:!0,isSingle:!1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})})),(0,p.Z)(this,"toggleSelection",(()=>{this.setState({showSelection:!this.state.showSelection})})),(0,p.Z)(this,"toggleSelectionMode",(()=>{this.setState({isSingle:!this.state.isSingle,selectedRowKeys:[this.state.selectedRowKeys[0]]})}))}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u.z,{onClick:this.toggleSelection,style:{marginBottom:12},children:this.state.showSelection?"隐藏选择框":"显示选择框"}),this.state.showSelection&&(0,y.jsx)(u.z,{onClick:this.toggleSelectionMode,style:{marginBottom:12},children:this.state.isSingle?"切换多选":"切换单选"}),(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:this.state.showSelection?{selectedRowKeys:this.state.selectedRowKeys,isSingleSelection:this.state.isSingle,onSelect:(n,s,a)=>{n.length>2?(r.g.error("你最多选择两个"),this.setState({selectedRowKeys:[].concat(this.state.selectedRowKeys)})):this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"母婴商品 1"===n.name,reason:"禁用原因"})}:void 0,rowKey:"id",onChange:this.onChange,size:"large"})]})}}return(0,y.jsx)(e,{})},x=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})}))}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:{isSingleSelection:!0,selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{r.g.success("当前选中：".concat(JSON.stringify(a),"\n selectedRows: ").concat(JSON.stringify(s),"\n ")),this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"母婴商品 1"===n.name,reason:"禁用原因"})},rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(e,{})},j=function(){for(var n=[],s=0;s<3;s++)n.push({id:s,name:"商品 ".concat(s),uv:10*s,stock:5*s});var a=[{title:"商品名",name:"name",needSort:!0},{title:"访问量",name:"uv"},{title:"库存",name:"stock",needSort:!0}];class t extends o.Component{constructor(s){super(s),(0,p.Z)(this,"onChange",(n=>{var s=n.sortType,a=n.sortBy,t=this.state.datasets,p=t;"asc"===s?p=t.sort(((n,s)=>n[a]-s[a])):"desc"===s&&(p=t.sort(((n,s)=>s[a]-n[a]))),this.setState(h(h({},n),{},{datasets:p}))})),this.state={datasets:n,sortBy:"name",sortType:""}}render(){return(0,y.jsx)(c.r,{columns:a,datasets:this.state.datasets,onChange:this.onChange,sortBy:this.state.sortBy,sortType:this.state.sortType,size:"large"})}}return(0,y.jsx)(t,{})},S=function(){for(var n=[{title:"合并单元格",name:"name",colSpan:2,width:"200px"},{title:"副标题",name:"sub",colSpan:0,width:"200px",bodyRender:(n,s)=>(0,y.jsx)("span",{children:n.sub})},{title:"访问量",name:"uv",bodyRender:(n,s)=>{var a=s.row;return a%2==0?{props:{rowSpan:2},children:(0,y.jsx)("span",{children:n.uv})}:a%2!=0?{props:{rowSpan:0}}:(0,y.jsx)("span",{children:n.uv})}},{title:"库存",name:"stock"}],s=[],a=0;a<6;a++)s.push({id:a,name:"商品 ".concat(a),sub:"副标题 ".concat(a),uv:20,stock:5});class t extends o.Component{render(){return(0,y.jsx)(c.r,{columns:n,datasets:s,size:"large"})}}return(0,y.jsx)(t,{})},C=function(){for(var n=[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],s=[],a=0;a<3;a++)s.push({id:a,name:"商品 ".concat(a),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});function p(){var a=o.useState(1300),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsx)(k.Y,{value:e,onChange:l,integer:!0,addonAfter:"px",style:{marginBottom:16}}),(0,y.jsx)(c.r,{columns:n,datasets:s,scroll:{x:e},size:"large"})]})}return(0,y.jsx)(p,{})},R=function(){for(var n=[],s=0;s<5;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:20,stock:5});return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name",width:150},{title:"访问量",name:"uv",width:150},{title:"库存",name:"stock"}],datasets:n,scroll:{y:200},rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},z=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],datasets:n,scroll:{x:1300,y:200},size:"large"})})},N=function(){var n=[{item_id:"5024217",bro_uvpv:"0/0",stock_num:"60",sold_num:0},{item_id:"5024277",bro_uvpv:"0/0",stock_num:59,sold_num:0},{item_id:"13213123",bro_uvpv:"0/0",stock_num:159,sold_num:0}],s=[{title:"Product",width:"50px",fixed:!0,bodyRender:n=>(0,y.jsx)("div",{children:n.item_id})},{title:"PV",name:"bro_uvpv",width:"100px"},{title:"Stock",name:"stock_num",width:"100px"},{title:"Sales",name:"sold_num",fixed:"right"}];class a extends o.Component{constructor(n){super(n),(0,p.Z)(this,"onExpand",(n=>{})),this.state={limit:10,current:0,total:101}}getRowConf(n,s){return{canSelect:!0}}onChange(n){this.setState(n)}render(){return(0,y.jsx)(c.r,{columns:s,datasets:n,onChange:this.onChange.bind(this),getRowConf:this.getRowConf,rowKey:"item_id",scroll:{x:1300},expandation:{isExpanded:(n,s)=>s%2==0,isExpandable:(n,s)=>s%2==0,expandRender:n=>(0,y.jsx)("div",{children:n.item_id})},onExpand:this.onExpand,size:"large"})}}return(0,y.jsx)(a,{})},_=function(){return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],datasets:[],rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},D=function(){for(var n=[],s=0;s<5;s++)n.push({id:"f-".concat(s),name:"母婴商品 ".concat(s),uv:20,stock:5});class a extends o.Component{getItemStyle(n,s){var a=h({},s);return n&&(a.display="table"),a}render(){return(0,y.jsx)(m._l,{draggableId:this.props.id,index:this.props.index,children:(n,s)=>(0,y.jsx)("tr",h(h(h(h({},this.props),{},{ref:n.innerRef},n.draggableProps),n.dragHandleProps),{},{style:this.getItemStyle(s.isDragging,n.draggableProps.style)}))},this.props.id)}}class e extends o.Component{constructor(s){super(s),(0,p.Z)(this,"columns",[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}]),(0,p.Z)(this,"components",{row:a}),(0,p.Z)(this,"onDragEnd",(n=>{if(n.destination){var s=((n,s,a)=>{var p=Array.from(n),o=p.splice(s,1),e=(0,t.Z)(o,1)[0];return p.splice(a,0,e),p})(this.state.datasets,n.source.index,n.destination.index);this.setState({datasets:s})}})),this.state={datasets:n}}render(){return(0,y.jsx)(m.Z5,{onDragEnd:this.onDragEnd,children:(0,y.jsx)(m.bK,{droppableId:"droppable",children:(n,s)=>(0,y.jsx)("div",{ref:n.innerRef,children:(0,y.jsx)(c.r,{columns:this.columns,datasets:this.state.datasets,components:this.components,className:"drop-grid",rowProps:(n,s)=>({id:n.id,index:s}),size:"large"})})})})}}return(0,y.jsx)(e,{})},E=function(){for(var n=[],s=0;s<19;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),type:"type-".concat(s),company:"company-".concat(s),phone:"123342345".concat(s),stock:5,createdTime:"2018-12-11"});class a extends o.Component{constructor(...s){super(...s),(0,p.Z)(this,"state",{datasets:n}),(0,p.Z)(this,"getColumns",(()=>[{title:"商品名",name:"name",className:"name",width:100,fixed:!0},{title:"商品信息",name:"productInfo",children:[{title:"类型",name:"type",width:200},{title:"供货商",name:"supplier",children:[{title:"公司",name:"company",width:300},{title:"电话",name:"phone",width:300}]}]},{title:"库存",name:"stock",defaultText:0},{title:"创建时间",name:"createdTime",width:100,needSort:!0,fixed:"right"}])),(0,p.Z)(this,"onChange",(n=>{this.setState(h({},n))}))}render(){var n=this.state,s=n.sortBy,a=n.sortType;return(0,y.jsx)(c.r,{columns:this.getColumns(),datasets:this.state.datasets,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),bordered:!0,scroll:{x:1400,y:400},sortBy:s,sortType:a,rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(a,{})},T=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"},{title:"创建时间",name:"createdTime",width:140,fixed:"right"}],s=[],a=0;a<40;a++)s.push({id:"f-".concat(a),name:"母婴商品 ".concat(a),uv:20,stock:5,createdTime:"2019-11-21"});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"onClick",(()=>{r.g.success("".concat(this.props.data.length," elements was selected"))}))}render(){return(0,y.jsx)(u.z,{className:"child-comps zent-btn",onClick:this.onClick,children:"Click"},"comp")}}class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1})}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:40,total:40,current:this.state.current},paginationType:"lite",selection:{selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{this.setState({selectedRowKeys:n})},getCheckboxProps:n=>({disabled:"母婴商品 1"===n.name})},rowKey:"id",batchRender:n=>(0,y.jsx)(t,{data:n}),stickyBatch:!0,scroll:{x:1300},size:"large"})}}return(0,y.jsx)(e,{})},$=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],datasets:n,autoStick:!0,scroll:{x:1300,y:200},size:"large"})})},B=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:20,stock:s>1?5:null});return(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})},G=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:s>1?20:"",stock:s>1?5:null});return(0,y.jsx)(i.J,{value:{defaultText:"provider default",isValueEmpty:n=>null==n||""===n},children:(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:"column default"}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})})},K=function(){function n(){var n=(0,o.useState)((()=>{for(var n=[],s=0;s<3;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,price:5,sold_num:5,created_time:"2017-09-20"});return n})),s=(0,t.Z)(n,2),a=s[0],p=s[1],e=(0,o.useCallback)((n=>s=>{p((a=>a.map(((a,t)=>t===n?h(h({},a),{},{price:s}):a))))}),[]),l=(0,o.useCallback)((()=>{p((n=>n.map((n=>h(h({},n),{},{price:1242})))))}),[]),r=(0,o.useMemo)((()=>[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"价格",name:"price",bodyRender:(n,{row:s})=>(0,y.jsx)(k.Y,{value:n.price,onChange:e(s),decimal:2,min:.01,showStepper:!0})},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}]),[e]);return(0,y.jsxs)("div",{children:[(0,y.jsx)(c.r,{columns:r,datasets:a,scroll:{x:1300},size:"large"}),(0,y.jsx)(u.z,{style:{marginTop:16},onClick:l,children:"批量修改价格"})]})}return(0,y.jsx)(n,{})},O=function(){for(var n=[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],s=[],a=0;a<3;a++)s.push({id:"id-".concat(a),name:"商品 ".concat(a),uv:20,stock:a>1?5:null});var p=()=>{var a=(0,o.useState)("medium"),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsxs)(d.Y.Group,{value:e,onChange:n=>l(n.target.value),children:[(0,y.jsx)(d.Y.Button,{value:"small",children:"small"}),(0,y.jsx)(d.Y.Button,{value:"medium",children:"medium"}),(0,y.jsx)(d.Y.Button,{value:"large",children:"large"})]}),(0,y.jsx)("div",{style:{height:20}}),(0,y.jsx)(c.r,{size:e,columns:n,datasets:s,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{}})]})};return(0,y.jsx)(p,{})};function P(n){return(0,y.jsx)(n.tag,h(h({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function I(n){return(0,y.jsx)(P,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function M(n){return(0,y.jsx)(P,{tag:"style",html:n.style})}function Z(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),Z(n.parentNode,s);return s}class q extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{showCode:!1}),(0,p.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,y.jsxs)("div",{className:"zandoc-react-demo",children:[(0,y.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,y.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,y.jsx)("div",{className:"zandoc-react-demo__title",children:(0,y.jsx)("p",{children:a||""})}),(0,y.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,y.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,y.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class H extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,Z(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(M,{style:".drop-grid {\n overflow: visible;\n}\n\n.switch {\n\t\tmargin-bottom: 10px;\n }\n .big-size {\n \tfont-size: 20px;\n }"}),o.createElement(I,{html:'

Grid 表格

\n

表格组件，Grid 使用 <table> 标签实现的。

\n

代码演示

'}),o.createElement(q,{title:"基础用法",id:"Demosimple",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(w)),o.createElement(q,{title:"加载中",id:"Demoloading",src:'import { Grid, Switch } from \'zent\';\n\nconst columns = [\n {\n title: \'听说这样设置一个超长超长的商品名会不换行\',\n name: \'name\',\n width: 100,\n noWrap: true,\n },\n {\n title: \'听说这样设置访问量可以靠右对齐\',\n name: \'uv\',\n textAlign: \'right\',\n width: 300,\n },\n {\n title: \'这是一个大库存\',\n name: \'stock\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Demo extends React.Component {\n state = {\n loading: true,\n };\n render() {\n return (\n <div>\n <Switch\n onChange={value => this.setState({ loading: value })}\n checked={this.state.loading}\n size="small"\n className="switch"\n />\n <Grid\n columns={columns}\n datasets={datasets}\n loading={this.state.loading}\n size="large"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(q,{title:"分页",id:"Demopagination",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'听说这样设置一个超长超长的商品名会不换行\',\n name: \'name\',\n width: 100,\n noWrap: true,\n onCellClick: data => {\n console.log(data, \'data\');\n },\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'访问量\',\n name: \'stock\',\n },\n];\n\n// const pageSize = 5;\n// const totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass PageInfo extends React.Component {\n state = {\n current: 1,\n pageSize: 5,\n total: 10,\n datasets,\n };\n\n onChange = ({ current, pageSize }) => {\n this.setState({\n current,\n pageSize,\n });\n };\n\n render() {\n const { current, pageSize, total } = this.state;\n return (\n <Grid\n columns={columns}\n datasets={current === 1 ? datasets : datasets2}\n pageInfo={{\n current: current,\n pageSize: pageSize,\n total: total,\n pageSizeOptions: [5, 10],\n }}\n onChange={this.onChange}\n size="large"\n ellipsis\n />\n );\n }\n}\n\nReactDOM.render(<PageInfo />, mountNode);'},o.createElement(b)),o.createElement(q,{title:"多选",id:"Demoselection",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n showSelection: true,\n isSingle: false,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n toggleSelection = () => {\n this.setState({\n showSelection: !this.state.showSelection,\n });\n };\n\n toggleSelectionMode = () => {\n this.setState({\n isSingle: !this.state.isSingle,\n selectedRowKeys: [this.state.selectedRowKeys[0]],\n });\n };\n\n render() {\n return (\n <>\n <Button onClick={this.toggleSelection} style={{ marginBottom: 12 }}>\n {this.state.showSelection ? \'隐藏选择框\' : \'显示选择框\'}\n </Button>\n {this.state.showSelection && (\n <Button onClick={this.toggleSelectionMode} style={{ marginBottom: 12 }}>\n { this.state.isSingle ? \'切换多选\' : \'切换单选\' }\n </Button>\n )}\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={\n this.state.showSelection\n ? {\n selectedRowKeys: this.state.selectedRowKeys,\n isSingleSelection: this.state.isSingle,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n if (selectedRowKeys.length > 2) {\n Notify.error(\'你最多选择两个\');\n this.setState({\n selectedRowKeys: [].concat(this.state.selectedRowKeys),\n });\n } else {\n this.setState({\n selectedRowKeys,\n });\n }\n },\n getSelectionProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n reason: \'禁用原因\',\n }),\n }\n : undefined\n }\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n </>\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(v)),o.createElement(q,{title:"单选",id:"DemosingleSelection",src:'import { Grid, Notify } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n isSingleSelection: true,\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n Notify.success(`当前选中：${JSON.stringify(currentRow)}\n selectedRows: ${JSON.stringify(selectedRows)}\n `);\n this.setState({\n selectedRowKeys,\n })\n },\n getSelectionProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n reason: \'禁用原因\'\n }),\n }}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(x)),o.createElement(q,{title:"排序",id:"Demosort",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: i * 10,\n stock: i * 5\n })\n}\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n needSort: true\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n needSort: true\n }\n];\n\n\nclass Sort extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n datasets: datasets,\n sortBy: \'name\',\n sortType: \'\'\n };\n }\n\n onChange = (conf) => {\n console.log(conf, \'conf\')\n const { sortType, sortBy } = conf;\n const { datasets } = this.state;\n let sortDatasets = datasets;\n if (sortType === \'asc\') {\n sortDatasets = datasets.sort((a, b) => a[sortBy] - b[sortBy]);\n } else if (sortType === \'desc\') {\n sortDatasets = datasets.sort((a, b) => b[sortBy] - a[sortBy]);\n }\n this.setState({ ...conf, datasets: sortDatasets });\n }\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n onChange={this.onChange}\n sortBy={this.state.sortBy}\n sortType={this.state.sortType}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Sort />\n , mountNode\n);'},o.createElement(j)),o.createElement(q,{title:"合并单元格",id:"Demospan",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'合并单元格\',\n name: \'name\',\n colSpan: 2,\n width: \'200px\'\n }, {\n title: \'副标题\',\n name: \'sub\',\n colSpan: 0,\n width: \'200px\',\n bodyRender: (data, pos) => {\n return <span>{data.sub}</span>\n }\n }, {\n title: \'访问量\',\n name: \'uv\',\n bodyRender: (data, pos) => {\n const { row } = pos;\n if (row % 2 === 0) {\n return {\n props: {\n rowSpan: 2\n },\n children: <span>{data.uv}</span>\n }\n }\n if (row % 2 !== 0) {\n return {\n props: {\n rowSpan: 0\n }\n }\n }\n return <span>{data.uv}</span>\n }\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 6; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n sub: `副标题 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nclass Span extends React.Component {\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Span />\n , mountNode\n);'},o.createElement(S)),o.createElement(q,{title:"水平滚动",id:"DemoscrollX",src:'import { Grid, NumberInput } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n {\n title: \'销量\',\n name: \'sold_num\',\n },\n {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n}\n\nfunction App() {\n const [x, setX] = React.useState(1300);\n return (\n <div>\n <NumberInput value={x} onChange={setX} integer addonAfter="px" style={{ marginBottom: 16 }} />\n <Grid columns={columns} datasets={datasets} scroll={{ x }} size="large" />\n </div>\n );\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},o.createElement(C)),o.createElement(q,{title:"垂直滚动",id:"DemoscrollY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n width: 150\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 150\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ y: 200 }}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(R)),o.createElement(q,{title:"水平和垂直滚动",id:"DemoscrollXY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'库存\',\n name: \'stock\'\n }, {\n title: \'销量\',\n name: \'sold_num\'\n }, {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(z)),o.createElement(q,{title:"可展开模式",id:"Demoexpand",src:'import { Grid } from \'zent\';\n\nconst datasets = [{\n item_id: \'5024217\',\n bro_uvpv: \'0/0\',\n stock_num: \'60\',\n sold_num: 0,\n}, {\n item_id: \'5024277\',\n bro_uvpv: \'0/0\',\n stock_num: 59,\n sold_num: 0,\n}, {\n item_id: \'13213123\',\n bro_uvpv: \'0/0\',\n stock_num: 159,\n sold_num: 0,\n}];\nconst columns = [{\n title: \'Product\',\n width: \'50px\',\n fixed: true,\n bodyRender: (data) => {\n return (\n <div>{data.item_id}</div>\n );\n }\n}, {\n title: \'PV\',\n name: \'bro_uvpv\',\n width: \'100px\'\n}, {\n title: \'Stock\',\n name: \'stock_num\',\n width: \'100px\'\n}, {\n title: \'Sales\',\n name: \'sold_num\',\n fixed: \'right\'\n}];\n\nclass RowClass extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n limit: 10,\n current: 0,\n total: 101,\n };\n }\n\n getRowConf(data, index) {\n return {\n canSelect: true,\n };\n }\n\n onChange(conf) {\n this.setState(conf);\n }\n\n onExpand = (conf) => {\n console.log(conf);\n }\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n onChange={this.onChange.bind(this)}\n getRowConf={this.getRowConf}\n rowKey="item_id"\n scroll={{ x: 1300 }}\n expandation={{\n isExpanded(record, index) {\n return (index % 2 === 0);\n },\n isExpandable(record, index) {\n return (index % 2 === 0);\n },\n expandRender(record) {\n return (\n <div>\n {record.item_id}\n </div>\n );\n }\n }}\n onExpand={this.onExpand}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(\n <RowClass />,\n mountNode\n);'},o.createElement(N)),o.createElement(q,{title:"空列表",id:"Demoempty",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={[]}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(_)),o.createElement(q,{title:"拖拽排序",id:"Demodrop",src:'import { Grid } from \'zent\';\nimport ReactDOM from \'react-dom\';\nimport { DragDropContext, Droppable, Draggable } from \'react-beautiful-dnd\'; // 建议此库的版本大于 9.0.0\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nconst reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nclass BodyRow extends React.Component {\n getItemStyle(isDragging, draggableStyle) {\n const style = {\n ...draggableStyle\n }\n\n if(isDragging) {\n style.display = \'table\';\n }\n\n return style;\n }\n\n render() {\n return (<Draggable key={this.props.id} draggableId={this.props.id} index={this.props.index}>\n {(provided, snapshot) => {\n return (<tr\n {...this.props}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n style={this.getItemStyle(\n snapshot.isDragging,\n provided.draggableProps.style\n )}\n />);\n }}\n </Draggable>)\n }\n}\n\nclass Drap extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n datasets\n };\n }\n\n columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n ]\n\n components = {\n row: BodyRow\n }\n\n onDragEnd = (result) => {\n if (!result.destination) {\n return;\n }\n\n const datasets = reorder(\n this.state.datasets,\n result.source.index,\n result.destination.index\n );\n\n console.log(datasets, this.state.datasets, \'-------\');\n\n this.setState({\n datasets,\n });\n }\n\n render() {\n return (\n <DragDropContext onDragEnd={this.onDragEnd}>\n <Droppable droppableId="droppable">\n {(provided, snapshot) => (\n <div ref={provided.innerRef}>\n <Grid\n columns={this.columns}\n datasets={this.state.datasets}\n components={this.components}\n className="drop-grid"\n rowProps={(data, index) => ({\n id: data.id,\n index\n })}\n size="large"\n />\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n }\n};\n\nReactDOM.render(\n <Drap />\n , mountNode\n);'},o.createElement(D)),o.createElement(q,{title:"表头分组",id:"DemoheaderGroup",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 19; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n type: `type-${i}`,\n company: `company-${i}`,\n phone: `123342345${i}`,\n stock: 5,\n createdTime: \'2018-12-11\'\n });\n}\n\nclass HeaderGroup extends React.Component {\n state = {\n datasets\n }\n\n getColumns = () => {\n return [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'商品信息\',\n name: \'productInfo\',\n children: [\n {\n title: \'类型\',\n name: \'type\',\n width: 200,\n },\n {\n title: \'供货商\',\n name: \'supplier\',\n children: [\n {\n title: \'公司\',\n name: \'company\',\n width: 300,\n },\n {\n title: \'电话\',\n name: \'phone\',\n width: 300,\n },\n ]\n },\n ],\n },\n {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0,\n },\n {\n title: \'创建时间\',\n name: \'createdTime\',\n width: 100,\n needSort: true,\n fixed: \'right\',\n }\n ];\n }\n\n onChange = conf => {\n console.log(conf, \'conf\');\n this.setState({\n ...conf\n });\n };\n\n render() {\n const { sortBy, sortType } = this.state;\n return (\n <Grid\n columns={this.getColumns()}\n datasets={this.state.datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n bordered\n scroll={{ x: 1400, y: 400 }}\n sortBy={sortBy}\n sortType={sortType}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <HeaderGroup />\n , mountNode\n);'},o.createElement(E)),o.createElement(q,{title:"批量操作",id:"Demobatch",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n {\n title: \'创建时间\',\n name: \'createdTime\',\n width: 140,\n fixed: \'right\',\n }\n];\n\nconst pageSize = 40;\nconst totalItem = 40;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 40; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n createdTime: \'2019-11-21\'\n });\n}\n\nclass Customer extends React.Component {\n onClick = () => {\n Notify.success(`${this.props.data.length} elements was selected`);\n };\n\n render() {\n return (\n <Button\n key="comp"\n className="child-comps zent-btn"\n onClick={this.onClick}\n >\n Click\n </Button>\n );\n }\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n this.setState({\n selectedRowKeys,\n });\n },\n getCheckboxProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n }),\n }}\n rowKey="id"\n batchRender={data => <Customer data={data} /> }\n stickyBatch\n scroll={{x: 1300}}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(T)),o.createElement(q,{title:"表头吸顶",id:"DemoautoStick",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'库存\',\n name: \'stock\'\n }, {\n title: \'销量\',\n name: \'sold_num\'\n }, {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n autoStick\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement($)),o.createElement(q,{title:"取消鼠标hover高亮",id:"Demodisablehoverhighlight",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n , mountNode\n);'},o.createElement(B)),o.createElement(q,{title:"ColumnProvider",id:"DemocolumnProvider",src:'import { Grid, GridColumnProvider } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n defaultText: \'column default\'\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: i > 1 ? 20 : \'\',\n stock: i > 1 ? 5 : null,\n });\n}\n\nReactDOM.render(\n <GridColumnProvider\n value={{\n defaultText: \'provider default\',\n isValueEmpty: value => value == null || value === \'\',\n }}\n >\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n </GridColumnProvider>,\n mountNode\n);'},o.createElement(G)),o.createElement(q,{title:"表格内编辑",id:"Demoeditable",src:'import { Grid, NumberInput, Button } from \'zent\';\nimport { useCallback, useState, useMemo } from \'react\';\n\nfunction App() {\n const [datasets, setDatasets] = useState(() => {\n const datasets = [];\n\n for (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n price: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n }\n return datasets;\n });\n\n const onPriceChange = useCallback(\n rowIndex => val => {\n setDatasets(prev => {\n return prev.map((row, idx) => {\n if (idx === rowIndex) {\n return {\n ...row,\n price: val,\n };\n }\n\n return row;\n });\n });\n },\n []\n );\n\n const onBatchChange = useCallback(() => {\n setDatasets(prev => {\n return prev.map(row => {\n return {\n ...row,\n price: 1242,\n };\n });\n });\n }, []);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'价格\',\n name: \'price\',\n bodyRender(data, { row }) {\n return (\n <NumberInput\n value={data.price}\n onChange={onPriceChange(row)}\n decimal={2}\n min={0.01}\n showStepper\n />\n );\n },\n },\n {\n title: \'销量\',\n name: \'sold_num\',\n },\n {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n ];\n }, [onPriceChange]);\n\n return (\n <div>\n <Grid columns={columns} datasets={datasets} scroll={{ x: 1300 }} size="large" />\n <Button style={{ marginTop: 16 }} onClick={onBatchChange}>\n 批量修改价格\n </Button>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(K)),o.createElement(q,{title:"不同尺寸",id:"Demosize",src:'import { Grid, Radio } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nconst Demo = () => {\n const [size, setSize] = useState(\'medium\');\n\n return (<div>\n <Radio.Group value={size} onChange={(e) => setSize(e.target.value)}>\n <Radio.Button value="small">small</Radio.Button>\n <Radio.Button value="medium">medium</Radio.Button>\n <Radio.Button value="large">large</Radio.Button>\n </Radio.Group>\n <div style={{height: 20}}></div>\n <Grid\n size={size}\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n />\n </div>);\n}\n\nReactDOM.render(\n <Demo />\n , mountNode\n);'},o.createElement(O)),o.createElement(I,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
columns表格列配置array是
datasets需要展示的数据array是
rowKey每一行的 keystringid否
tableLayout表格元素的 table-layout 属性- \n|\n \'auto\' \n|\n \'fixed\'否
onChange列表发生变化时自动触发的函数，页面筛选、排序均会触发(conf: any) => anynoop否
scroll横向或纵向指定滚动区域的宽高度{ x?: number, y?: number }否
sortBy根据哪一个字段排序, 应该等于 columns 中某一个元素的\nkey\n字段string\'\'否
sortType排序方式string\'\'否
defaultSortType第一次点击的排序方式string\'desc\'否
emptyLabel列表为空时的提示文案string\'没有更多数据了\'否
selection表格的选择功能配置object否
expandation展开配置object否
loading表格是否处于 loading 状态boolfalse否
className自定义额外类名string\'\'否
rowClassName表格行的类名string \n|\n (data: object, rowIndex: number) => string\'\'否
pageInfotable 对应的分页信息objectnull否
paginationType分页器类型，可选 \n\'lite\'\n \n|\n \n\'mini\'string\'default\'否
onRowClick点击行时触发(data: any, index: number, event: Event) => any否
ellipsis是否需要文字超出宽度后省略号显示 (需配置 columns 中的 noWrap)boolfalse否
onExpand点击展开图标时触发(data: {expanded: boolean, data: any, event: Event, index: number}) => any否
components自定义 table 内的组件object { row?: ComponentType }否
rowProps自定义传入 row 的属性(data: any, index: number) => object否
bordered是否展示外边框和列边框boolfalse否
batchRender批量操作 render(data: array, position?: \'header\' \n|\n \'foot\') => React.ReactNode否
stickyBatch是否要将批量操作保持在屏幕内boolfalse否
autoStick是否自动将 head stick 到窗口boolfalse否
autoStickOffsetTop自定义表头吸顶的 offsetTopnumber0否
disableHoverHighlight禁用鼠标 hover 高亮效果booleanfalse否
loadingProps基于 \nBlockLoading\n 的自定义加载属性Omit<IBlockLoadingProps, \'loading\'>-否
size表格尺寸string\'medium\'否
\n

onChange 函数声明

\n

onChange 会抛出一个对象，这个对象包含分页变化的参数：

\n
{\n  current, // {Number} 表示当前第几页\n  sortBy, // {String} 表示基于什么key进行排序\n  sortType, // {String} [\'asc\', \'desc\', \'\'] 排序的方式\n  pageSize, // {Number} 表示每页数量\n}
\n

Columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
title列头的名称ReactNode是
name对应数据中的 key (建议设置)string否
width列表宽度string \n|\n number否
bodyRender渲染复杂组件((data: any, pos: {row: number, column: number, fixed?: \'left\' \n|\n \'right\'}, name: string) => ReactNode) \n|\n ReactNode否
className列头的 classNamestring否
needSort是否支持排序 (使用此功能 请设置 name)bool否
colSpan列合并 当为 0 时不渲染number否
fixed是否固定列 可选值为 \nleft\n \nright\n \ntrue\n (\ntrue\n 与 \nleft\n 等效)bool \n|\n strig否
onCellClick点击单元格回调(data: any, event: Event) => any否
textAlign文本对齐方式string否
noWrap是否换行 默认换行bool否
defaultText默认显示文字ReactNode否
isValueEmpty判断是否显示默认文字(value: any) => boolean否
children渲染分组表头array否
\n

Selection

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
selectedRowKeys默认选中array否
onSelect每次 check 的时候触发的函数(selectedKeys: string[], selectedRowsInCurrentPage: Array\n, changedRows: any \n|\n any[]) => any否
getCheckboxProps废弃，请使用 getSelectionProps\n 选择框/单选框 属性配置(data: object) => { disabled?: boolean, reason?: ReactNode }否
getSelectionProps选择框/单选框 属性配置 (当前仅支持 disabled)(data: object) => { disabled?: boolean, reason?: ReactNode }否
isSingleSelection是否是单选bool否
\n

pageInfo

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
total总条目个数number否
pageSize每页个数number否
pageSizeOptions分页选项number[]否
current当前页码number否
\n

ColumnProvider

\n

支持 column 的所有参数。

\n

Expandation

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
isExpanded是否展开当前行(record: any, index: number) => boolean否
isExpandable是否显示当前行可展开图标(record: any, index: number) => boolean否
expandRender展开行的补充内容 render(data: any) => React.ReactNode否
'}))}}},62640:(n,s,a)=>{"use strict";a.d(s,{J:()=>t});var t=a(78193).E.Provider},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(1348),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.toggle=function(){var n=s.props,a=n.onChange,t=n.checked;a&&a(!t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.className,t=s.size,o=s.disabled,e=void 0===o?this.context.value:o,l=s.loading,u=s.checked,r=e||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:k,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(o.Component);s.Z=u}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6286],{66286:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>H});var t=a(73118),p=a(73450),o=a(27378),e=a(57318),c=a(26317),l=a(56377),u=a(3454),r=a(23476),k=a(80964),i=a(62640),d=a(71457),m=(a(31542),a(42694)),y=a(24246);function g(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function h(n){for(var s=1;s1?5:null});return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},f=function(){for(var n=[{title:"听说这样设置一个超长超长的商品名会不换行",name:"name",width:100,noWrap:!0},{title:"听说这样设置访问量可以靠右对齐",name:"uv",textAlign:"right",width:300},{title:"这是一个大库存",name:"stock"}],s=[],a=0;a<3;a++)s.push({id:a,name:"商品 ".concat(a),uv:20,stock:5});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{loading:!0})}render(){return(0,y.jsxs)("div",{children:[(0,y.jsx)(l.r,{onChange:n=>this.setState({loading:n}),checked:this.state.loading,size:"small",className:"switch"}),(0,y.jsx)(c.r,{columns:n,datasets:s,loading:this.state.loading,size:"large"})]})}}return(0,y.jsx)(t,{})},b=function(){for(var n=[{title:"听说这样设置一个超长超长的商品名会不换行",name:"name",width:100,noWrap:!0,onCellClick:n=>{}},{title:"访问量",name:"uv"},{title:"访问量",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{current:1,pageSize:5,total:10,datasets:s}),(0,p.Z)(this,"onChange",(({current:n,pageSize:s})=>{this.setState({current:n,pageSize:s})}))}render(){var t=this.state,p=t.current,o=t.pageSize,e=t.total;return(0,y.jsx)(c.r,{columns:n,datasets:1===p?s:a,pageInfo:{current:p,pageSize:o,total:e,pageSizeOptions:[5,10]},onChange:this.onChange,size:"large",ellipsis:!0})}}return(0,y.jsx)(e,{})},v=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1,showSelection:!0,isSingle:!1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})})),(0,p.Z)(this,"toggleSelection",(()=>{this.setState({showSelection:!this.state.showSelection})})),(0,p.Z)(this,"toggleSelectionMode",(()=>{this.setState({isSingle:!this.state.isSingle,selectedRowKeys:[this.state.selectedRowKeys[0]]})}))}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u.z,{onClick:this.toggleSelection,style:{marginBottom:12},children:this.state.showSelection?"隐藏选择框":"显示选择框"}),this.state.showSelection&&(0,y.jsx)(u.z,{onClick:this.toggleSelectionMode,style:{marginBottom:12},children:this.state.isSingle?"切换多选":"切换单选"}),(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:this.state.showSelection?{selectedRowKeys:this.state.selectedRowKeys,isSingleSelection:this.state.isSingle,onSelect:(n,s,a)=>{n.length>2?(r.g.error("你最多选择两个"),this.setState({selectedRowKeys:[].concat(this.state.selectedRowKeys)})):this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"母婴商品 1"===n.name,reason:"禁用原因"})}:void 0,rowKey:"id",onChange:this.onChange,size:"large"})]})}}return(0,y.jsx)(e,{})},x=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"母婴商品 ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"宠物商品 ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})}))}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:{isSingleSelection:!0,selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{r.g.success("当前选中：".concat(JSON.stringify(a),"\n selectedRows: ").concat(JSON.stringify(s),"\n ")),this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"母婴商品 1"===n.name,reason:"禁用原因"})},rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(e,{})},j=function(){for(var n=[],s=0;s<3;s++)n.push({id:s,name:"商品 ".concat(s),uv:10*s,stock:5*s});var a=[{title:"商品名",name:"name",needSort:!0},{title:"访问量",name:"uv"},{title:"库存",name:"stock",needSort:!0}];class t extends o.Component{constructor(s){super(s),(0,p.Z)(this,"onChange",(n=>{var s=n.sortType,a=n.sortBy,t=this.state.datasets,p=t;"asc"===s?p=t.sort(((n,s)=>n[a]-s[a])):"desc"===s&&(p=t.sort(((n,s)=>s[a]-n[a]))),this.setState(h(h({},n),{},{datasets:p}))})),this.state={datasets:n,sortBy:"name",sortType:""}}render(){return(0,y.jsx)(c.r,{columns:a,datasets:this.state.datasets,onChange:this.onChange,sortBy:this.state.sortBy,sortType:this.state.sortType,size:"large"})}}return(0,y.jsx)(t,{})},S=function(){for(var n=[{title:"合并单元格",name:"name",colSpan:2,width:"200px"},{title:"副标题",name:"sub",colSpan:0,width:"200px",bodyRender:(n,s)=>(0,y.jsx)("span",{children:n.sub})},{title:"访问量",name:"uv",bodyRender:(n,s)=>{var a=s.row;return a%2==0?{props:{rowSpan:2},children:(0,y.jsx)("span",{children:n.uv})}:a%2!=0?{props:{rowSpan:0}}:(0,y.jsx)("span",{children:n.uv})}},{title:"库存",name:"stock"}],s=[],a=0;a<6;a++)s.push({id:a,name:"商品 ".concat(a),sub:"副标题 ".concat(a),uv:20,stock:5});class t extends o.Component{render(){return(0,y.jsx)(c.r,{columns:n,datasets:s,size:"large"})}}return(0,y.jsx)(t,{})},C=function(){for(var n=[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],s=[],a=0;a<3;a++)s.push({id:a,name:"商品 ".concat(a),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});function p(){var a=o.useState(1300),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsx)(k.Y,{value:e,onChange:l,integer:!0,addonAfter:"px",style:{marginBottom:16}}),(0,y.jsx)(c.r,{columns:n,datasets:s,scroll:{x:e},size:"large"})]})}return(0,y.jsx)(p,{})},R=function(){for(var n=[],s=0;s<5;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:20,stock:5});return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name",width:150},{title:"访问量",name:"uv",width:150},{title:"库存",name:"stock"}],datasets:n,scroll:{y:200},rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},z=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],datasets:n,scroll:{x:1300,y:200},size:"large"})})},N=function(){var n=[{item_id:"5024217",bro_uvpv:"0/0",stock_num:"60",sold_num:0},{item_id:"5024277",bro_uvpv:"0/0",stock_num:59,sold_num:0},{item_id:"13213123",bro_uvpv:"0/0",stock_num:159,sold_num:0}],s=[{title:"Product",width:"50px",fixed:!0,bodyRender:n=>(0,y.jsx)("div",{children:n.item_id})},{title:"PV",name:"bro_uvpv",width:"100px"},{title:"Stock",name:"stock_num",width:"100px"},{title:"Sales",name:"sold_num",fixed:"right"}];class a extends o.Component{constructor(n){super(n),(0,p.Z)(this,"onExpand",(n=>{})),this.state={limit:10,current:0,total:101}}getRowConf(n,s){return{canSelect:!0}}onChange(n){this.setState(n)}render(){return(0,y.jsx)(c.r,{columns:s,datasets:n,onChange:this.onChange.bind(this),getRowConf:this.getRowConf,rowKey:"item_id",scroll:{x:1300},expandation:{isExpanded:(n,s)=>s%2==0,isExpandable:(n,s)=>s%2==0,expandRender:n=>(0,y.jsx)("div",{children:n.item_id})},onExpand:this.onExpand,size:"large"})}}return(0,y.jsx)(a,{})},_=function(){return(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}],datasets:[],rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},D=function(){for(var n=[],s=0;s<5;s++)n.push({id:"f-".concat(s),name:"母婴商品 ".concat(s),uv:20,stock:5});class a extends o.Component{getItemStyle(n,s){var a=h({},s);return n&&(a.display="table"),a}render(){return(0,y.jsx)(m._l,{draggableId:this.props.id,index:this.props.index,children:(n,s)=>(0,y.jsx)("tr",h(h(h(h({},this.props),{},{ref:n.innerRef},n.draggableProps),n.dragHandleProps),{},{style:this.getItemStyle(s.isDragging,n.draggableProps.style)}))},this.props.id)}}class e extends o.Component{constructor(s){super(s),(0,p.Z)(this,"columns",[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"}]),(0,p.Z)(this,"components",{row:a}),(0,p.Z)(this,"onDragEnd",(n=>{if(n.destination){var s=((n,s,a)=>{var p=Array.from(n),o=p.splice(s,1),e=(0,t.Z)(o,1)[0];return p.splice(a,0,e),p})(this.state.datasets,n.source.index,n.destination.index);this.setState({datasets:s})}})),this.state={datasets:n}}render(){return(0,y.jsx)(m.Z5,{onDragEnd:this.onDragEnd,children:(0,y.jsx)(m.bK,{droppableId:"droppable",children:(n,s)=>(0,y.jsx)("div",{ref:n.innerRef,children:(0,y.jsx)(c.r,{columns:this.columns,datasets:this.state.datasets,components:this.components,className:"drop-grid",rowProps:(n,s)=>({id:n.id,index:s}),size:"large"})})})})}}return(0,y.jsx)(e,{})},E=function(){for(var n=[],s=0;s<19;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),type:"type-".concat(s),company:"company-".concat(s),phone:"123342345".concat(s),stock:5,createdTime:"2018-12-11"});class a extends o.Component{constructor(...s){super(...s),(0,p.Z)(this,"state",{datasets:n}),(0,p.Z)(this,"getColumns",(()=>[{title:"商品名",name:"name",className:"name",width:100,fixed:!0},{title:"商品信息",name:"productInfo",children:[{title:"类型",name:"type",width:200},{title:"供货商",name:"supplier",children:[{title:"公司",name:"company",width:300},{title:"电话",name:"phone",width:300}]}]},{title:"库存",name:"stock",defaultText:0},{title:"创建时间",name:"createdTime",width:100,needSort:!0,fixed:"right"}])),(0,p.Z)(this,"onChange",(n=>{this.setState(h({},n))}))}render(){var n=this.state,s=n.sortBy,a=n.sortType;return(0,y.jsx)(c.r,{columns:this.getColumns(),datasets:this.state.datasets,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),bordered:!0,scroll:{x:1400,y:400},sortBy:s,sortType:a,rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(a,{})},T=function(){for(var n=[{title:"商品名",name:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock"},{title:"创建时间",name:"createdTime",width:140,fixed:"right"}],s=[],a=0;a<40;a++)s.push({id:"f-".concat(a),name:"母婴商品 ".concat(a),uv:20,stock:5,createdTime:"2019-11-21"});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"onClick",(()=>{r.g.success("".concat(this.props.data.length," elements was selected"))}))}render(){return(0,y.jsx)(u.z,{className:"child-comps zent-btn",onClick:this.onClick,children:"Click"},"comp")}}class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1})}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:40,total:40,current:this.state.current},paginationType:"lite",selection:{selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{this.setState({selectedRowKeys:n})},getCheckboxProps:n=>({disabled:"母婴商品 1"===n.name})},rowKey:"id",batchRender:n=>(0,y.jsx)(t,{data:n}),stickyBatch:!0,scroll:{x:1300},size:"large"})}}return(0,y.jsx)(e,{})},$=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"库存",name:"stock"},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}],datasets:n,autoStick:!0,scroll:{x:1300,y:200},size:"large"})})},B=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:20,stock:s>1?5:null});return(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})},G=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"商品 ".concat(s),uv:s>1?20:"",stock:s>1?5:null});return(0,y.jsx)(i.J,{value:{defaultText:"provider default",isValueEmpty:n=>null==n||""===n},children:(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:"column default"}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})})},K=function(){function n(){var n=(0,o.useState)((()=>{for(var n=[],s=0;s<3;s++)n.push({id:s,name:"商品 ".concat(s),uv:20,price:5,sold_num:5,created_time:"2017-09-20"});return n})),s=(0,t.Z)(n,2),a=s[0],p=s[1],e=(0,o.useCallback)((n=>s=>{p((a=>a.map(((a,t)=>t===n?h(h({},a),{},{price:s}):a))))}),[]),l=(0,o.useCallback)((()=>{p((n=>n.map((n=>h(h({},n),{},{price:1242})))))}),[]),r=(0,o.useMemo)((()=>[{title:"商品名",name:"name",width:100,fixed:!0},{title:"访问量",name:"uv",width:100,fixed:!0},{title:"价格",name:"price",bodyRender:(n,{row:s})=>(0,y.jsx)(k.Y,{value:n.price,onChange:e(s),decimal:2,min:.01,showStepper:!0})},{title:"销量",name:"sold_num"},{title:"创建时间",name:"created_time",width:100,fixed:"right"}]),[e]);return(0,y.jsxs)("div",{children:[(0,y.jsx)(c.r,{columns:r,datasets:a,scroll:{x:1300},size:"large"}),(0,y.jsx)(u.z,{style:{marginTop:16},onClick:l,children:"批量修改价格"})]})}return(0,y.jsx)(n,{})},O=function(){for(var n=[{title:"商品名",name:"name",className:"name"},{title:"访问量",name:"uv"},{title:"库存",name:"stock",defaultText:0}],s=[],a=0;a<3;a++)s.push({id:"id-".concat(a),name:"商品 ".concat(a),uv:20,stock:a>1?5:null});var p=()=>{var a=(0,o.useState)("medium"),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsxs)(d.Y.Group,{value:e,onChange:n=>l(n.target.value),children:[(0,y.jsx)(d.Y.Button,{value:"small",children:"small"}),(0,y.jsx)(d.Y.Button,{value:"medium",children:"medium"}),(0,y.jsx)(d.Y.Button,{value:"large",children:"large"})]}),(0,y.jsx)("div",{style:{height:20}}),(0,y.jsx)(c.r,{size:e,columns:n,datasets:s,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{}})]})};return(0,y.jsx)(p,{})};function P(n){return(0,y.jsx)(n.tag,h(h({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function I(n){return(0,y.jsx)(P,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function M(n){return(0,y.jsx)(P,{tag:"style",html:n.style})}function Z(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),Z(n.parentNode,s);return s}class q extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{showCode:!1}),(0,p.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,y.jsxs)("div",{className:"zandoc-react-demo",children:[(0,y.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,y.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,y.jsx)("div",{className:"zandoc-react-demo__title",children:(0,y.jsx)("p",{children:a||""})}),(0,y.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,y.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,y.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class H extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,Z(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(M,{style:".drop-grid {\n overflow: visible;\n}\n\n.switch {\n\t\tmargin-bottom: 10px;\n }\n .big-size {\n \tfont-size: 20px;\n }"}),o.createElement(I,{html:'

Grid 表格

\n

表格组件，Grid 使用 <table> 标签实现的。

\n

代码演示

'}),o.createElement(q,{title:"基础用法",id:"Demosimple",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(w)),o.createElement(q,{title:"加载中",id:"Demoloading",src:'import { Grid, Switch } from \'zent\';\n\nconst columns = [\n {\n title: \'听说这样设置一个超长超长的商品名会不换行\',\n name: \'name\',\n width: 100,\n noWrap: true,\n },\n {\n title: \'听说这样设置访问量可以靠右对齐\',\n name: \'uv\',\n textAlign: \'right\',\n width: 300,\n },\n {\n title: \'这是一个大库存\',\n name: \'stock\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Demo extends React.Component {\n state = {\n loading: true,\n };\n render() {\n return (\n <div>\n <Switch\n onChange={value => this.setState({ loading: value })}\n checked={this.state.loading}\n size="small"\n className="switch"\n />\n <Grid\n columns={columns}\n datasets={datasets}\n loading={this.state.loading}\n size="large"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(q,{title:"分页",id:"Demopagination",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'听说这样设置一个超长超长的商品名会不换行\',\n name: \'name\',\n width: 100,\n noWrap: true,\n onCellClick: data => {\n console.log(data, \'data\');\n },\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'访问量\',\n name: \'stock\',\n },\n];\n\n// const pageSize = 5;\n// const totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass PageInfo extends React.Component {\n state = {\n current: 1,\n pageSize: 5,\n total: 10,\n datasets,\n };\n\n onChange = ({ current, pageSize }) => {\n this.setState({\n current,\n pageSize,\n });\n };\n\n render() {\n const { current, pageSize, total } = this.state;\n return (\n <Grid\n columns={columns}\n datasets={current === 1 ? datasets : datasets2}\n pageInfo={{\n current: current,\n pageSize: pageSize,\n total: total,\n pageSizeOptions: [5, 10],\n }}\n onChange={this.onChange}\n size="large"\n ellipsis\n />\n );\n }\n}\n\nReactDOM.render(<PageInfo />, mountNode);'},o.createElement(b)),o.createElement(q,{title:"多选",id:"Demoselection",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n showSelection: true,\n isSingle: false,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n toggleSelection = () => {\n this.setState({\n showSelection: !this.state.showSelection,\n });\n };\n\n toggleSelectionMode = () => {\n this.setState({\n isSingle: !this.state.isSingle,\n selectedRowKeys: [this.state.selectedRowKeys[0]],\n });\n };\n\n render() {\n return (\n <>\n <Button onClick={this.toggleSelection} style={{ marginBottom: 12 }}>\n {this.state.showSelection ? \'隐藏选择框\' : \'显示选择框\'}\n </Button>\n {this.state.showSelection && (\n <Button onClick={this.toggleSelectionMode} style={{ marginBottom: 12 }}>\n { this.state.isSingle ? \'切换多选\' : \'切换单选\' }\n </Button>\n )}\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={\n this.state.showSelection\n ? {\n selectedRowKeys: this.state.selectedRowKeys,\n isSingleSelection: this.state.isSingle,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n if (selectedRowKeys.length > 2) {\n Notify.error(\'你最多选择两个\');\n this.setState({\n selectedRowKeys: [].concat(this.state.selectedRowKeys),\n });\n } else {\n this.setState({\n selectedRowKeys,\n });\n }\n },\n getSelectionProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n reason: \'禁用原因\',\n }),\n }\n : undefined\n }\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n </>\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(v)),o.createElement(q,{title:"单选",id:"DemosingleSelection",src:'import { Grid, Notify } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `宠物商品 ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n isSingleSelection: true,\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n Notify.success(`当前选中：${JSON.stringify(currentRow)}\n selectedRows: ${JSON.stringify(selectedRows)}\n `);\n this.setState({\n selectedRowKeys,\n })\n },\n getSelectionProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n reason: \'禁用原因\'\n }),\n }}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(x)),o.createElement(q,{title:"排序",id:"Demosort",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: i * 10,\n stock: i * 5\n })\n}\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n needSort: true\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n needSort: true\n }\n];\n\n\nclass Sort extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n datasets: datasets,\n sortBy: \'name\',\n sortType: \'\'\n };\n }\n\n onChange = (conf) => {\n console.log(conf, \'conf\')\n const { sortType, sortBy } = conf;\n const { datasets } = this.state;\n let sortDatasets = datasets;\n if (sortType === \'asc\') {\n sortDatasets = datasets.sort((a, b) => a[sortBy] - b[sortBy]);\n } else if (sortType === \'desc\') {\n sortDatasets = datasets.sort((a, b) => b[sortBy] - a[sortBy]);\n }\n this.setState({ ...conf, datasets: sortDatasets });\n }\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n onChange={this.onChange}\n sortBy={this.state.sortBy}\n sortType={this.state.sortType}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Sort />\n , mountNode\n);'},o.createElement(j)),o.createElement(q,{title:"合并单元格",id:"Demospan",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'合并单元格\',\n name: \'name\',\n colSpan: 2,\n width: \'200px\'\n }, {\n title: \'副标题\',\n name: \'sub\',\n colSpan: 0,\n width: \'200px\',\n bodyRender: (data, pos) => {\n return <span>{data.sub}</span>\n }\n }, {\n title: \'访问量\',\n name: \'uv\',\n bodyRender: (data, pos) => {\n const { row } = pos;\n if (row % 2 === 0) {\n return {\n props: {\n rowSpan: 2\n },\n children: <span>{data.uv}</span>\n }\n }\n if (row % 2 !== 0) {\n return {\n props: {\n rowSpan: 0\n }\n }\n }\n return <span>{data.uv}</span>\n }\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 6; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n sub: `副标题 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nclass Span extends React.Component {\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Span />\n , mountNode\n);'},o.createElement(S)),o.createElement(q,{title:"水平滚动",id:"DemoscrollX",src:'import { Grid, NumberInput } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n {\n title: \'销量\',\n name: \'sold_num\',\n },\n {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n}\n\nfunction App() {\n const [x, setX] = React.useState(1300);\n return (\n <div>\n <NumberInput value={x} onChange={setX} integer addonAfter="px" style={{ marginBottom: 16 }} />\n <Grid columns={columns} datasets={datasets} scroll={{ x }} size="large" />\n </div>\n );\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},o.createElement(C)),o.createElement(q,{title:"垂直滚动",id:"DemoscrollY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n width: 150\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 150\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ y: 200 }}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(R)),o.createElement(q,{title:"水平和垂直滚动",id:"DemoscrollXY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'库存\',\n name: \'stock\'\n }, {\n title: \'销量\',\n name: \'sold_num\'\n }, {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(z)),o.createElement(q,{title:"可展开模式",id:"Demoexpand",src:'import { Grid } from \'zent\';\n\nconst datasets = [{\n item_id: \'5024217\',\n bro_uvpv: \'0/0\',\n stock_num: \'60\',\n sold_num: 0,\n}, {\n item_id: \'5024277\',\n bro_uvpv: \'0/0\',\n stock_num: 59,\n sold_num: 0,\n}, {\n item_id: \'13213123\',\n bro_uvpv: \'0/0\',\n stock_num: 159,\n sold_num: 0,\n}];\nconst columns = [{\n title: \'Product\',\n width: \'50px\',\n fixed: true,\n bodyRender: (data) => {\n return (\n <div>{data.item_id}</div>\n );\n }\n}, {\n title: \'PV\',\n name: \'bro_uvpv\',\n width: \'100px\'\n}, {\n title: \'Stock\',\n name: \'stock_num\',\n width: \'100px\'\n}, {\n title: \'Sales\',\n name: \'sold_num\',\n fixed: \'right\'\n}];\n\nclass RowClass extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n limit: 10,\n current: 0,\n total: 101,\n };\n }\n\n getRowConf(data, index) {\n return {\n canSelect: true,\n };\n }\n\n onChange(conf) {\n this.setState(conf);\n }\n\n onExpand = (conf) => {\n console.log(conf);\n }\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n onChange={this.onChange.bind(this)}\n getRowConf={this.getRowConf}\n rowKey="item_id"\n scroll={{ x: 1300 }}\n expandation={{\n isExpanded(record, index) {\n return (index % 2 === 0);\n },\n isExpandable(record, index) {\n return (index % 2 === 0);\n },\n expandRender(record) {\n return (\n <div>\n {record.item_id}\n </div>\n );\n }\n }}\n onExpand={this.onExpand}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(\n <RowClass />,\n mountNode\n);'},o.createElement(N)),o.createElement(q,{title:"空列表",id:"Demoempty",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n];\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={[]}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(_)),o.createElement(q,{title:"拖拽排序",id:"Demodrop",src:'import { Grid } from \'zent\';\nimport ReactDOM from \'react-dom\';\nimport { DragDropContext, Droppable, Draggable } from \'react-beautiful-dnd\'; // 建议此库的版本大于 9.0.0\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nconst reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nclass BodyRow extends React.Component {\n getItemStyle(isDragging, draggableStyle) {\n const style = {\n ...draggableStyle\n }\n\n if(isDragging) {\n style.display = \'table\';\n }\n\n return style;\n }\n\n render() {\n return (<Draggable key={this.props.id} draggableId={this.props.id} index={this.props.index}>\n {(provided, snapshot) => {\n return (<tr\n {...this.props}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n style={this.getItemStyle(\n snapshot.isDragging,\n provided.draggableProps.style\n )}\n />);\n }}\n </Draggable>)\n }\n}\n\nclass Drap extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n datasets\n };\n }\n\n columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\'\n }\n ]\n\n components = {\n row: BodyRow\n }\n\n onDragEnd = (result) => {\n if (!result.destination) {\n return;\n }\n\n const datasets = reorder(\n this.state.datasets,\n result.source.index,\n result.destination.index\n );\n\n console.log(datasets, this.state.datasets, \'-------\');\n\n this.setState({\n datasets,\n });\n }\n\n render() {\n return (\n <DragDropContext onDragEnd={this.onDragEnd}>\n <Droppable droppableId="droppable">\n {(provided, snapshot) => (\n <div ref={provided.innerRef}>\n <Grid\n columns={this.columns}\n datasets={this.state.datasets}\n components={this.components}\n className="drop-grid"\n rowProps={(data, index) => ({\n id: data.id,\n index\n })}\n size="large"\n />\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n }\n};\n\nReactDOM.render(\n <Drap />\n , mountNode\n);'},o.createElement(D)),o.createElement(q,{title:"表头分组",id:"DemoheaderGroup",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 19; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n type: `type-${i}`,\n company: `company-${i}`,\n phone: `123342345${i}`,\n stock: 5,\n createdTime: \'2018-12-11\'\n });\n}\n\nclass HeaderGroup extends React.Component {\n state = {\n datasets\n }\n\n getColumns = () => {\n return [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'商品信息\',\n name: \'productInfo\',\n children: [\n {\n title: \'类型\',\n name: \'type\',\n width: 200,\n },\n {\n title: \'供货商\',\n name: \'supplier\',\n children: [\n {\n title: \'公司\',\n name: \'company\',\n width: 300,\n },\n {\n title: \'电话\',\n name: \'phone\',\n width: 300,\n },\n ]\n },\n ],\n },\n {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0,\n },\n {\n title: \'创建时间\',\n name: \'createdTime\',\n width: 100,\n needSort: true,\n fixed: \'right\',\n }\n ];\n }\n\n onChange = conf => {\n console.log(conf, \'conf\');\n this.setState({\n ...conf\n });\n };\n\n render() {\n const { sortBy, sortType } = this.state;\n return (\n <Grid\n columns={this.getColumns()}\n datasets={this.state.datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n bordered\n scroll={{ x: 1400, y: 400 }}\n sortBy={sortBy}\n sortType={sortType}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <HeaderGroup />\n , mountNode\n);'},o.createElement(E)),o.createElement(q,{title:"批量操作",id:"Demobatch",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n },\n {\n title: \'创建时间\',\n name: \'createdTime\',\n width: 140,\n fixed: \'right\',\n }\n];\n\nconst pageSize = 40;\nconst totalItem = 40;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 40; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `母婴商品 ${i}`,\n uv: 20,\n stock: 5,\n createdTime: \'2019-11-21\'\n });\n}\n\nclass Customer extends React.Component {\n onClick = () => {\n Notify.success(`${this.props.data.length} elements was selected`);\n };\n\n render() {\n return (\n <Button\n key="comp"\n className="child-comps zent-btn"\n onClick={this.onClick}\n >\n Click\n </Button>\n );\n }\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n this.setState({\n selectedRowKeys,\n });\n },\n getCheckboxProps: data => ({\n disabled: data.name === \'母婴商品 1\',\n }),\n }}\n rowKey="id"\n batchRender={data => <Customer data={data} /> }\n stickyBatch\n scroll={{x: 1300}}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(T)),o.createElement(q,{title:"表头吸顶",id:"DemoautoStick",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'库存\',\n name: \'stock\'\n }, {\n title: \'销量\',\n name: \'sold_num\'\n }, {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n autoStick\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement($)),o.createElement(q,{title:"取消鼠标hover高亮",id:"Demodisablehoverhighlight",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n , mountNode\n);'},o.createElement(B)),o.createElement(q,{title:"ColumnProvider",id:"DemocolumnProvider",src:'import { Grid, GridColumnProvider } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\',\n },\n {\n title: \'访问量\',\n name: \'uv\',\n },\n {\n title: \'库存\',\n name: \'stock\',\n defaultText: \'column default\'\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: i > 1 ? 20 : \'\',\n stock: i > 1 ? 5 : null,\n });\n}\n\nReactDOM.render(\n <GridColumnProvider\n value={{\n defaultText: \'provider default\',\n isValueEmpty: value => value == null || value === \'\',\n }}\n >\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n </GridColumnProvider>,\n mountNode\n);'},o.createElement(G)),o.createElement(q,{title:"表格内编辑",id:"Demoeditable",src:'import { Grid, NumberInput, Button } from \'zent\';\nimport { useCallback, useState, useMemo } from \'react\';\n\nfunction App() {\n const [datasets, setDatasets] = useState(() => {\n const datasets = [];\n\n for (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `商品 ${i}`,\n uv: 20,\n price: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n }\n return datasets;\n });\n\n const onPriceChange = useCallback(\n rowIndex => val => {\n setDatasets(prev => {\n return prev.map((row, idx) => {\n if (idx === rowIndex) {\n return {\n ...row,\n price: val,\n };\n }\n\n return row;\n });\n });\n },\n []\n );\n\n const onBatchChange = useCallback(() => {\n setDatasets(prev => {\n return prev.map(row => {\n return {\n ...row,\n price: 1242,\n };\n });\n });\n }, []);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'商品名\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'访问量\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'价格\',\n name: \'price\',\n bodyRender(data, { row }) {\n return (\n <NumberInput\n value={data.price}\n onChange={onPriceChange(row)}\n decimal={2}\n min={0.01}\n showStepper\n />\n );\n },\n },\n {\n title: \'销量\',\n name: \'sold_num\',\n },\n {\n title: \'创建时间\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n ];\n }, [onPriceChange]);\n\n return (\n <div>\n <Grid columns={columns} datasets={datasets} scroll={{ x: 1300 }} size="large" />\n <Button style={{ marginTop: 16 }} onClick={onBatchChange}>\n 批量修改价格\n </Button>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(K)),o.createElement(q,{title:"不同尺寸",id:"Demosize",src:'import { Grid, Radio } from \'zent\';\n\nconst columns = [\n {\n title: \'商品名\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'访问量\',\n name: \'uv\'\n }, {\n title: \'库存\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `商品 ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nconst Demo = () => {\n const [size, setSize] = useState(\'medium\');\n\n return (<div>\n <Radio.Group value={size} onChange={(e) => setSize(e.target.value)}>\n <Radio.Button value="small">small</Radio.Button>\n <Radio.Button value="medium">medium</Radio.Button>\n <Radio.Button value="large">large</Radio.Button>\n </Radio.Group>\n <div style={{height: 20}}></div>\n <Grid\n size={size}\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n />\n </div>);\n}\n\nReactDOM.render(\n <Demo />\n , mountNode\n);'},o.createElement(O)),o.createElement(I,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
columns表格列配置array是
datasets需要展示的数据array是
rowKey每一行的 keystringid否
tableLayout表格元素的 table-layout 属性- \n|\n \'auto\' \n|\n \'fixed\'否
onChange列表发生变化时自动触发的函数，页面筛选、排序均会触发(conf: any) => anynoop否
scroll横向或纵向指定滚动区域的宽高度{ x?: number, y?: number }否
sortBy根据哪一个字段排序, 应该等于 columns 中某一个元素的\nkey\n字段string\'\'否
sortType排序方式string\'\'否
defaultSortType第一次点击的排序方式string\'desc\'否
emptyLabel列表为空时的提示文案string\'没有更多数据了\'否
selection表格的选择功能配置object否
expandation展开配置object否
loading表格是否处于 loading 状态boolfalse否
className自定义额外类名string\'\'否
rowClassName表格行的类名string \n|\n (data: object, rowIndex: number) => string\'\'否
pageInfotable 对应的分页信息objectnull否
paginationType分页器类型，可选 \n\'lite\'\n \n|\n \n\'mini\'string\'default\'否
onRowClick点击行时触发(data: any, index: number, event: Event) => any否
ellipsis是否需要文字超出宽度后省略号显示 (需配置 columns 中的 noWrap)boolfalse否
onExpand点击展开图标时触发(data: {expanded: boolean, data: any, event: Event, index: number}) => any否
components自定义 table 内的组件object { row?: ComponentType }否
rowProps自定义传入 row 的属性(data: any, index: number) => object否
bordered是否展示外边框和列边框boolfalse否
batchRender批量操作 render(data: array, position?: \'header\' \n|\n \'foot\') => React.ReactNode否
stickyBatch是否要将批量操作保持在屏幕内boolfalse否
autoStick是否自动将 head stick 到窗口boolfalse否
autoStickOffsetTop自定义表头吸顶的 offsetTopnumber0否
disableHoverHighlight禁用鼠标 hover 高亮效果booleanfalse否
loadingProps基于 \nBlockLoading\n 的自定义加载属性Omit<IBlockLoadingProps, \'loading\'>-否
size表格尺寸string\'medium\'否
\n

onChange 函数声明

\n

onChange 会抛出一个对象，这个对象包含分页变化的参数：

\n
{\n  current, // {Number} 表示当前第几页\n  sortBy, // {String} 表示基于什么key进行排序\n  sortType, // {String} [\'asc\', \'desc\', \'\'] 排序的方式\n  pageSize, // {Number} 表示每页数量\n}
\n

Columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
title列头的名称ReactNode是
name对应数据中的 key (建议设置)string否
width列表宽度string \n|\n number否
bodyRender渲染复杂组件((data: any, pos: {row: number, column: number, fixed?: \'left\' \n|\n \'right\'}, name: string) => ReactNode) \n|\n ReactNode否
className列头的 classNamestring否
needSort是否支持排序 (使用此功能 请设置 name)bool否
colSpan列合并 当为 0 时不渲染number否
fixed是否固定列 可选值为 \nleft\n \nright\n \ntrue\n (\ntrue\n 与 \nleft\n 等效)bool \n|\n strig否
onCellClick点击单元格回调(data: any, event: Event) => any否
textAlign文本对齐方式string否
noWrap是否换行 默认换行bool否
defaultText默认显示文字ReactNode否
isValueEmpty判断是否显示默认文字(value: any) => boolean否
children渲染分组表头array否
\n

Selection

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
selectedRowKeys默认选中array否
onSelect每次 check 的时候触发的函数(selectedKeys: string[], selectedRowsInCurrentPage: Array\n, changedRows: any \n|\n any[]) => any否
getCheckboxProps废弃，请使用 getSelectionProps\n 选择框/单选框 属性配置(data: object) => { disabled?: boolean, reason?: ReactNode }否
getSelectionProps选择框/单选框 属性配置 (当前仅支持 disabled)(data: object) => { disabled?: boolean, reason?: ReactNode }否
isSingleSelection是否是单选bool否
\n

pageInfo

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
total总条目个数number否
pageSize每页个数number否
pageSizeOptions分页选项number[]否
current当前页码number否
\n

ColumnProvider

\n

支持 column 的所有参数。

\n

Expandation

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值是否必须
isExpanded是否展开当前行(record: any, index: number) => boolean否
isExpandable是否显示当前行可展开图标(record: any, index: number) => boolean否
expandRender展开行的补充内容 render(data: any) => React.ReactNode否
'}))}}},62640:(n,s,a)=>{"use strict";a.d(s,{J:()=>t});var t=a(78193).E.Provider},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(1348),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.toggle=function(){var n=s.props,a=n.onChange,t=n.checked;a&&a(!t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.className,t=s.size,o=s.disabled,e=void 0===o?this.context.value:o,l=s.loading,u=s.checked,r=e||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:k,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(o.Component);s.Z=u}}]); \ No newline at end of file diff --git a/6317-799bd228a0c1478a58d6.js b/6317-799bd228a0c1478a58d6.js new file mode 100644 index 000000000..0209c7d10 --- /dev/null +++ b/6317-799bd228a0c1478a58d6.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6317],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>p});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(1535),d=n(23130),c=n(1348),u=n(4008);function p(e){var t=(0,a.useContext)(c.d),n=(0,a.useContext)(d.Z),r=(0,a.useRef)(e);r.current=e;var u,p=n&&n.onChange,h=(0,a.useCallback)((function(e){var t=r.current,n=t.value,i=t.onChange;if(p)p(n);else if(i){var s=Object.create(e);s.target=(0,o.pi)((0,o.pi)({},r.current),{type:"checkbox",checked:e.target.checked}),i(s)}}),[p]),v=(e.checked,e.className),f=e.style,g=(e.disabled,e.readOnly,e.children),y=e.indeterminate,x=e.width,m=(e.value,e.labelStyle),b=e.onMouseEnter,S=e.onMouseLeave,C=(0,o._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),R=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var k=n.value,z=n.isValueEqual;u=-1!==k.findIndex((function(t){return z(t,e.value)}))}else u=!!e.checked;return(0,i.jsxs)("label",(0,o.pi)({className:s()("zent-checkbox-wrap",v,{"zent-checkbox-checked":!!u,"zent-checkbox-disabled":R||w,"zent-checkbox-indeterminate":y}),style:(0,o.pi)((0,o.pi)({},f),(0,l.Z)(x)),onMouseEnter:b,onMouseLeave:S,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,i.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,i.jsx)("input",(0,o.pi)({},C,{type:"checkbox",checked:u&&!y,disabled:R,readOnly:w,onChange:h,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,i.jsx)("div",(0,o.pi)({className:"zent-checkbox-label",style:m,"data-zv":"10.0.10"},{children:g}),void 0):null]}),void 0)}p.Group=u.Z,t.Z=p},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>p});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(41925),d=n(23130),c=n(1348),u=d.Z.Provider,p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,l.Z)((function(e,n,o,i){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:o,isValueEqual:i,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,o=n.isValueEqual,i=n.onChange,r=n.value;if(i){var s=r?r.slice():[],a=s.findIndex((function(t){return o(t,e)}));-1!==a?s.splice(a,1):s.push(e),i(s)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,r=e.children,s=e.value,l=e.disabled,d=void 0===l?this.context.value:l,c=e.readOnly,p=void 0!==c&&c,h=e.isValueEqual,v=a()("zent-checkbox-group",t);return(0,i.jsx)(u,(0,o.pi)({value:this.getGroupContext(s,d,p,h)},{children:(0,i.jsx)("div",(0,o.pi)({className:v,style:n,"data-zv":"10.0.10"},{children:r}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=c.d,t}(r.Component);t.Z=p},23130:(e,t,n)=>{"use strict";var o=n(27378);t.Z=(0,o.createContext)(null)},68150:(e,t,n)=>{"use strict";var o=n(33938);t.ZP=o.Z},78193:(e,t,n)=>{"use strict";n.d(t,{E:()=>o});var o=(0,n(27378).createContext)({})},26317:(e,t,n)=>{"use strict";n.d(t,{r:()=>te,Z:()=>ne});var o=n(59312),i=n(24246),r=n(31542),s=n(27378),a=n(60042),l=n.n(a),d=n(17949),c=n(42690),u=n(23343),p=n(17127),h=n(14322),v=n(25120),f=n(68150),g=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("selectedRowKeys",(function(){n.setCheckState(n.props)}))},n.getCheckBoxState=function(e,t){var n,o=e.datasets,i=e.disabledDatasets,r=e.store,s=e.getDataKey,a=(null==o?void 0:o.length)?o:i,l=null!==(n=r.getState("selectedRowKeys"))&&void 0!==n?n:[];return 0!==l.length&&("every"===t?a.every((function(e,t){return-1!==l.indexOf(s(e,t))})):a.some((function(e,t){return-1!==l.indexOf(s(e,t))})))},n.getCheckState=function(e){return n.getCheckBoxState(e,"every")},n.getIndeterminateState=function(e){return n.getCheckBoxState(e,"some")},n.setCheckState=function(e){var t=n.getCheckState(e),o=n.getIndeterminateState(e);n.setState({checked:t,indeterminate:o})},n.onChange=function(e){var t=n.props.datasets,o=e.target.checked;n.props.onSelect(o?"selectAll":"removeAll",t)},n.state={checked:n.getCheckState(t),indeterminate:n.getIndeterminateState(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){this.setCheckState(e)},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.render=function(){var e=this.state,t=e.checked,n=e.indeterminate,r=this.props.disabled,s={checked:t,indeterminate:(!n||!t)&&n};return(0,i.jsx)(f.ZP,(0,o.pi)({},s,{onChange:this.onChange,disabled:r}),void 0)},t}(s.PureComponent);function y(e,t){for(var n=new Set,o=[],i=0;i1&&(!e.rowSpan||e.rowSpan0?(l.needSort&&(l.needSort=!1),l.children=m(l.children,t+1,l,i),n.colSpan+=l.colSpan):n.colSpan++;for(var d=0;dwindow.pageYOffset&&o<=window.pageYOffset+window.innerHeight-t}return!1}function C(e,t){var n=[];if(!e)return n;for(var o=0;o-1}));return e.setState({selectedRows:l}),l},t.subscribe=function(){var e=t.props.store;t.unsubscribe=e.subscribe("selectedRowKeys",(function(){e.setState({selectedRows:t.getSelectedRows()})})),t.unsubscribeBatchRenderFixed=e.subscribe("batchRenderFixed",(function(){var n=e.getState("selectedRows")||[];t.setState({batchNeedRenderFixed:e.getState("batchRenderFixed")&&n.length>0})}))},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.props.store.setState({selectedRows:this.getSelectedRows()}),this.subscribe()},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe(),this.unsubscribeBatchRenderFixed&&this.unsubscribeBatchRenderFixed()},t.prototype.render=function(){var e,t=this.props,n=t.prefix,r=t.onSelect,s=t.store,a=t.getDataKey,d=t.batchRender,c=t.selection,u=t.position,p=t.datasets;if(!d||!c)return null;var h=d(s.getState("selectedRows")||[],u);if(null===h)return null;var v=this.state.batchNeedRenderFixed,f=s.getState("batchRenderFixedStyles"),y=l()(n+"-grid-batch",n+"-grid-batch__"+u,((e={})[n+"-grid-batch--fixed"]=v&&"foot"===u,e)),x=R(null!=p?p:[],a,this.getSelectionPropsByItem),m=v?f:{},b=c.isSingleSelection;return(0,i.jsxs)("div",(0,o.pi)({className:y,style:m,"data-zv":"10.0.10"},{children:[!b&&(0,i.jsx)(g,{getDataKey:a,onSelect:r,store:s,disabled:x.allDisabled,datasets:x.enabledRows,disabledDatasets:x.disabledRows},void 0),h]}),void 0)},t}(s.PureComponent),z=n(52074),j=n(50993),N=n(72551),T=function(){function e(){var e=this;this.state={},this.listeners={},this.setState=function(t){e.state=(0,o.pi)((0,o.pi)({},e.state),t),Object.keys(t).forEach((function(t){var n;(null!==(n=e.listeners[t])&&void 0!==n?n:[]).forEach((function(e){e()}))}))},this.trigger=function(t){var n;(null!==(n=e.listeners[t])&&void 0!==n?n:[]).forEach((function(e){e()}))},this.subscribe=function(t,n){return e.listeners[t]=e.listeners[t]||[],e.listeners[t].push(n),function(){var o,i=(null!==(o=e.listeners[t])&&void 0!==o?o:[]).indexOf(n);-1!==i&&e.listeners[t].splice(i,1)}}}return e.prototype.getState=function(e,t){var n;return e?t&&!(0,N.n)(this.state,e)?(this.setState(((n={})[e]=t(),n)),this.getState(e)):this.state[e]:this.state},e}(),P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=(b(this.props.columns)||[]).map((function(e,t){var n="number"==typeof e.width?e.width+"px":e.width;return(0,i.jsx)("col",{style:{width:n,minWidth:n},"data-zv":"10.0.10"},e.key||t)}));return(0,i.jsx)("colgroup",(0,o.pi)({"data-zv":"10.0.10"},{children:e}),void 0)},t}(s.PureComponent),B=n(31256),Z=n(74522),E=n(27036),H=new Map([["","取消排序"],["asc","点击升序"],["desc","点击降序"]]),O=function(e){function t(t){var n=e.call(this,t)||this;return n.getSortInfo=function(e,t){var n,o=t.sortBy,i=t.sortType,r=void 0===i?"":i,s=t.defaultSortType,a=void 0===s?"desc":s,l=e.name;return l===o&&(n=""===r?a:r===a?"asc"===a?"desc":"asc":""),l!==o&&(n=a),{sortBy:l,sortType:n,sortTooltip:H.get(n)}},n.getChildrenAndEvents=function(e,t){var r,s=t.prefix,a=t.sortBy,d=t.sortType,c=t.onChange,u=l()(s+"-grid-thead-sort",((r={})[s+"-grid-thead-sort-"+d]=d&&e.name===a,r));if(e.needSort){var p=n.getSortInfo(e,t),h=p.sortBy,v=p.sortType,f=p.sortTooltip;return{children:(0,i.jsx)(Z.Z,(0,o.pi)({title:f,position:"top-center",cushion:12},{children:(0,i.jsxs)("div",(0,o.pi)({className:s+"-grid-thead-sort-btn","data-zv":"10.0.10"},{children:[e.title,(0,i.jsxs)("span",(0,o.pi)({className:u,"data-zv":"10.0.10"},{children:[(0,i.jsx)(E.Z,{type:"caret-up",className:"caret-up"},void 0),(0,i.jsx)(E.Z,{type:"caret-down",className:"caret-down"},void 0)]}),void 0)]}),void 0)}),void 0),onClick:function(){return c({sortBy:h,sortType:v})}}}return{children:e.title}},n.getHeaderRows=function(e,t,i,r){void 0===i&&(i=0),void 0===r&&(r=[]);var s=e||n.props,a=s.prefix,d=s.columns;return t=t||d,r[i]=r[i]||[],(t||[]).forEach((function(e,t){var d;if(e.rowSpan&&r.length0}))},n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("columns",(function(){n.setState({rows:n.getHeaderRows()})}))},n.state={rows:n.getHeaderRows(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){e.columns===this.props.columns&&e.sortType===this.props.sortType&&e.sortBy===this.props.sortBy||this.setState({rows:this.getHeaderRows(e)})},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.renderThead=function(){var e=this.props,t=e.prefix,n=e.fixed,r=e.fixedColumnsHeadRowsHeight,s=this.state.rows,a=r[0],l=s.length;return(0,i.jsx)("thead",(0,o.pi)({className:t+"-grid-thead","data-zv":"10.0.10"},{children:(s||[]).map((function(e,r){var s=n&&a?a/l:void 0;return(0,i.jsx)("tr",(0,o.pi)({className:t+"-grid-tr",style:{height:s},"data-zv":"10.0.10"},{children:e.map((function(e){var t=e.key,n=(0,o._T)(e,["key"]);return(0,i.jsx)("th",(0,o.pi)({},n,{"data-zv":"10.0.10"}),t)}))}),r)}))}),void 0)},t.prototype.render=function(){var e=this.props,t=e.scroll,n=e.fixed,r=e.prefix,s=e.columns,a=e.size,l={};return n||(0,B.Z)(t.x)||(l.width=t.x),t.y?(0,i.jsxs)("table",(0,o.pi)({className:r+"-grid-table "+r+"-grid-table-"+a,style:l,"data-zv":"10.0.10"},{children:[(0,i.jsx)(P,{columns:s},void 0),this.renderThead()]}),void 0):this.renderThead()},t}(s.PureComponent),K=n(78193),D=Object.prototype.hasOwnProperty,F=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getText=function(e){var t,n;return null===(t=e.data)||void 0===t?void 0:t[""+(null===(n=e.column)||void 0===n?void 0:n.name)]},t.onClick=function(e){var n=t.props,o=n.data,i=n.column.onCellClick;"function"==typeof i&&i(o,e)},t}return(0,o.ZT)(t,e),t.prototype.isInvalidRenderCellText=function(e){return e&&!(0,s.isValidElement)(e)&&"[object Object]"===Object.prototype.toString.call(e)},t.prototype.shouldComponentUpdate=function(e){return!(!e.column||!(0,N.n)(e.column,"bodyRender"))||this.getText(this.props)!==this.getText(e)},t.prototype.render=function(){var e,t,n,r,s=this.props,a=s.prefix,d=s.column,c=s.data,u=s.pos,p=this.context,h=p.isValueEmpty,v=p.defaultText,f=d.name,g=d.width,y=d.bodyRender,x=d.textAlign,m=d.nowrap,b=d.noWrap,S=d.className,C=d.defaultText,w=void 0===C?v:C,R=d.isValueEmpty,k=void 0===R?null!=h?h:B.Z:R,z=function(e,t,n){"string"==typeof t&&(t=t.split(".")),t=null!=t?t:[];for(var o=e,i=0;i1,e[a+"-grid-td-selection"]=-1!==["selection-column","selection-column-single"].indexOf(d.key),e[a+"-grid-td-expand"]="expand-column"===d.key,e[a+"-grid-td-break-word"]=void 0!==typeof g,e))},t,{onClick:this.onClick,"data-zv":"10.0.10"},{children:z}),void 0)},t.contextType=K.E,t}(s.Component),L=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onMouseEnter=function(){var e=t.props,n=e.rowIndex;(0,e.onRowMouseEnter)(n)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefix,r=t.columns,s=t.data,a=t.rowIndex,d=t.rowClassName,u=t.mouseOverRowIndex,p=t.onRowClick,h=t.fixed,v=t.hasFixedColumn,f=t.fixedColumnsBodyRowsHeight,g=t.row,y=t.rowProps,x=void 0===y?c.Z:y,m=t.disableHoverHighlight,b=g||"tr",S=[],C="function"==typeof d?d(s,a):d,w=h&&f[a]?f[a]:void 0;(r||[]).forEach((function(e,t){var o={row:a,column:t,fixed:h};S.push((0,i.jsx)(F,{column:e,data:s,pos:o,columnIndex:t,prefix:n},t))}));var R=v&&!m;return(0,i.jsx)(b,(0,o.pi)({className:l()(n+"-grid-tr",C,(e={},e[n+"-grid-tr__disable-highlight"]=m,e[n+"-grid-tr__mouseover"]=u===a,e)),onClick:function(e){return p(s,a,e)},onMouseEnter:R?this.onMouseEnter:null,style:{height:w}},x(s,a),{"data-zv":"10.0.10"},{children:S}),void 0)},t}(s.PureComponent),M=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onBodyMouseLeave=function(){var e=t.props,n=e.onRowMouseEnter;e.hasFixedColumn&&n(-1)},t}return(0,o.ZT)(t,e),t.prototype.getRows=function(){var e=this.props,t=e.prefix,n=e.datasets,r=e.columns,s=e.rowKey,a=e.rowClassName,l=e.onRowClick,d=e.onRowMouseEnter,c=e.mouseOverRowIndex,u=e.fixed,p=e.hasFixedColumn,h=e.scroll,v=e.expandRowKeys,f=e.expandRender,g=e.fixedColumnsBodyRowsHeight,y=e.fixedColumnsBodyExpandRowsHeight,x=e.components,m=e.rowProps,b=e.disableHoverHighlight,S=[];return(n||[]).forEach((function(e,n){if(S.push((0,i.jsx)(L,{data:e,columns:r,index:n,rowIndex:n,prefix:t,rowClassName:a,mouseOverRowIndex:c,onRowClick:l,onRowMouseEnter:d,fixed:u,hasFixedColumn:p,scroll:h,fixedColumnsBodyRowsHeight:g,row:x&&x.row,rowProps:m,disableHoverHighlight:b},s?null==e?void 0:e[s]:n)),f&&v.length>0){var C=u&&y[n]?y[n]:void 0,w={key:n+"-expand",className:t+"-grid-tr__expanded",style:{display:v[n]?"":"none",height:C}};"right"!==u?S.push((0,i.jsxs)("tr",(0,o.pi)({},w,{"data-zv":"10.0.10"},{children:[(0,i.jsx)("td",{"data-zv":"10.0.10"},void 0),(0,i.jsx)("td",(0,o.pi)({colSpan:r.length-1,"data-zv":"10.0.10"},{children:f(e)}),void 0)]}),void 0)):S.push((0,i.jsx)("tr",(0,o.pi)({},w,{"data-zv":"10.0.10"},{children:(0,i.jsx)("td",{colSpan:r.length,"data-zv":"10.0.10"},void 0)}),void 0))}})),S},t.prototype.renderTbody=function(){var e,t=this.props,n=t.prefix,r=t.columns,s=l()(n+"-grid-tbody",((e={})[n+"-grid-tbody-span"]=r.some((function(e){return!(!e.colSpan&&!e.rowSpan)})),e));return(0,i.jsx)("tbody",(0,o.pi)({onMouseLeave:this.onBodyMouseLeave,className:s,"data-zv":"10.0.10"},{children:this.getRows()}),void 0)},t.prototype.render=function(){var e=this.props,t=e.scroll,n=e.fixed,r=e.prefix,s=e.columns,a=e.size,l={};return n||(0,B.Z)(t.x)||(l.width=t.x),t.y?(0,i.jsxs)("table",(0,o.pi)({className:r+"-grid-table "+r+"-grid-table-"+a,style:l,"data-zv":"10.0.10"},{children:[(0,i.jsx)(P,{columns:s},void 0),this.renderTbody()]}),void 0):this.renderTbody()},t}(s.PureComponent),I=n(31770).Z,A=n(82148),W=n(36055),_=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handlePageChange=function(e){var n=e.pageSize,o=e.current,i=t.props.onPaginationChange;i&&i(n,o)},t}return(0,o.ZT)(t,e),t.prototype.hasPagination=function(e){var t=(e||this.props).pageInfo;return t&&Object.keys(t).length>0},t.prototype.getDefaultPagination=function(e){var t=(e||this.props).pageInfo;return this.hasPagination(e)?(0,o.pi)((0,o.pi)({},t),{current:t.current||1,pageSize:t.pageSize||10}):null},t.prototype.render=function(){var e=this.props,t=e.prefix,n=e.paginationType,r=this.getDefaultPagination();return r?(0,i.jsxs)("div",(0,o.pi)({className:t+"-grid-tfoot","data-zv":"10.0.10"},{children:[this.props.batchComponents,(0,i.jsxs)("div",(0,o.pi)({className:l()(t+"-grid-tfoot-page"),"data-zv":"10.0.10"},{children:["default"===n&&(0,i.jsx)(I,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0),"lite"===n&&(0,i.jsx)(A.Z,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0),"mini"===n&&(0,i.jsx)(W.Z,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0)]}),void 0)]}),void 0):null},t}(s.PureComponent),V=n(85883),q=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("selectedRowKeys",(function(){var e=n.getCheckState(n.props);n.state.checked!==e&&n.setState({checked:e})}))},n.getCheckState=function(e){var t,n=e.store,o=e.rowIndex;return-1!==(null!==(t=n.getState("selectedRowKeys"))&&void 0!==t?t:[]).indexOf(o)},n.state={checked:n.getCheckState(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e,t){var n=this.getCheckState(e);n!==t.checked&&this.setState({checked:n})},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.render=function(){var e=this.props,t=e.onChange,n=e.disabled,r=e.reason,s=this.state.checked;return r&&n?(0,i.jsx)(V.Z,(0,o.pi)({content:r,trigger:"hover",position:"top-left",centerArrow:!0},{children:(0,i.jsx)(f.ZP,{onChange:t,checked:s,disabled:n},void 0)}),void 0):(0,i.jsx)(f.ZP,{onChange:t,checked:s,disabled:n},void 0)},t}(s.PureComponent),U=n(71457).Z,G=function(e){var t,n=e.store,o=e.rowIndex;return-1!==(null!==(t=n.getState("selectedRowKeys"))&&void 0!==t?t:[]).indexOf(o)},Y=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props,t=e.store,o=e.rowIndex;n.unsubscribe=t.subscribe("selectedRowKeys",(function(){var e=G({store:t,rowIndex:o});n.state.checked!==e&&n.setState({checked:e})}))},n.state={checked:G({store:t.store,rowIndex:t.rowIndex})},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=G({store:e.store,rowIndex:e.rowIndex});return n===t.checked?null:{checked:n}},t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillUnmount=function(){var e;null===(e=this.unsubscribe)||void 0===e||e.call(this)},t.prototype.render=function(){var e=this.props,t=e.onChange,n=e.disabled,r=e.reason,s=this.state.checked;return r&&n?(0,i.jsx)(V.Z,(0,o.pi)({content:r,trigger:"hover",position:"top-left",centerArrow:!0},{children:(0,i.jsx)(U,{onChange:t,checked:s,disabled:n},void 0)}),void 0):(0,i.jsx)(U,{onChange:t,checked:s,disabled:n},void 0)},t}(s.PureComponent),X=n(31846).Z,$=n(79352),J=n(39215);function Q(e){e.stopPropagation(),e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()}var ee="zent",te=function(e){function t(t){var n,a=e.call(this,t)||this;a.mounted=!1,a.selectionPropsCache={},a.store=new T,a.gridNode=(0,s.createRef)(),a.footNode=(0,s.createRef)(),a.headerNode=(0,s.createRef)(),a.bodyTable=(0,s.createRef)(),a.leftBody=(0,s.createRef)(),a.rightBody=(0,s.createRef)(),a.scrollBody=(0,s.createRef)(),a.scrollHeader=(0,s.createRef)(),a.stickyHead=(0,s.createRef)(),a.syncFixedTableRowHeight=function(){var e,t,n,o,i,r,s,l,c;if(a.mounted&&a.gridNode.current){var u=a.gridNode.current.getBoundingClientRect();if(!(void 0!==u.height&&u.height<=0)){var p=null===(t=null===(e=a.bodyTable)||void 0===e?void 0:e.current)||void 0===t?void 0:t.querySelectorAll("tbody .zent-grid-tr"),h=null===(o=null===(n=a.bodyTable)||void 0===n?void 0:n.current)||void 0===o?void 0:o.querySelectorAll("tbody .zent-grid-tr__expanded"),v=(null===(i=a.scrollHeader)||void 0===i?void 0:i.current)?null===(s=null===(r=a.scrollHeader)||void 0===r?void 0:r.current)||void 0===s?void 0:s.querySelectorAll("thead"):null===(c=null===(l=a.bodyTable)||void 0===l?void 0:l.current)||void 0===c?void 0:c.querySelectorAll("thead"),f=C(p,(function(e){return e.getBoundingClientRect().height||"auto"})),g=C(v,(function(e){return e.getBoundingClientRect().height||"auto"})),y=C(h,(function(e){return e.getBoundingClientRect().height||"auto"}));(0,d.Z)(a.state.fixedColumnsBodyRowsHeight,f)&&(0,d.Z)(a.state.fixedColumnsHeadRowsHeight,g)&&(0,d.Z)(a.state.fixedColumnsBodyExpandRowsHeight,y)||a.setState({fixedColumnsBodyRowsHeight:f,fixedColumnsHeadRowsHeight:g,fixedColumnsBodyExpandRowsHeight:y})}}},a.onChange=function(e){var t=Object.assign({},a.store.getState("conf"),e);a.store.setState("conf"),a.props.onChange&&a.props.onChange(t)},a.onPaginationChange=function(e,t){a.props.onChange&&a.props.onChange({pageSize:e,current:t})},a.getDataKey=function(e,t){var n=a.props.rowKey;return n?null==e?void 0:e[n]:t},a.isAnyColumnsFixed=function(){return a.store.getState("isAnyColumnsFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return!!e.fixed}))}))},a.isAnyColumnsLeftFixed=function(){return a.store.getState("isAnyColumnsLeftFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return"left"===e.fixed||!0===e.fixed}))}))},a.isAnyColumnsRightFixed=function(){return a.store.getState("isAnyColumnsRightFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return"right"===e.fixed}))}))},a.getLeftColumns=function(){return(a.store.getState("columns")||[]).filter((function(e){return"left"===e.fixed||!0===e.fixed}))},a.getRightColumns=function(){return(a.store.getState("columns")||[]).filter((function(e){return"right"===e.fixed}))},a.handleExpandRow=function(e,t){return function(n){var o,i=a.props.onExpand,r=(null!==(o=a.state.expandRowKeys)&&void 0!==o?o:[]).map((function(t,n){return n===e?!t:t}));a.store.setState({columns:a.getColumns(a.props,a.props.columns,r)}),a.setState({expandRowKeys:r}),"function"==typeof i&&i({expanded:r[e],data:t,event:n,index:e})}},a.getExpandBodyRender=function(e,t){return function(n,o){var r=o.row,s=t.isExpandable;return(void 0===s?function(){return!0}:s)(n,r)?(0,i.jsx)(J.J,{type:e[r]?"up":"down",className:"zent-grid-expandable-btn",onClick:a.handleExpandRow(r,n)},void 0):null}},a.getColumns=function(e,t,n){var i=e||a.props,r=i.selection,s=i.expandation,l=!t,d=(t||a.store.getState("columns")).slice(),c=n||a.state.expandRowKeys,u=d.some((function(e){return"left"===e.fixed||!0===e.fixed}));if(r){var p=a.getSelectionColumn(e,t);if(p){var h=d[0];h&&-1!==["selection-column","selection-column-single"].indexOf(h.key)?d[0]=(0,o.pi)((0,o.pi)({},d[0]),p):d.unshift(p)}}if(s){var v={title:"",key:"expand-column",width:28,bodyRender:a.getExpandBodyRender(c,s)};u&&(v.fixed="left"),d.unshift(v)}return l||(d=m(d)),d},a.getBatchComponents=function(e){var t=a.props,n=t.datasets,o=t.batchRender,r=t.selection,s=t.rowKey;return(0,i.jsx)(k,{position:e,store:a.store,onSelect:a.handleBatchSelect,datasets:n,getDataKey:a.getDataKey,prefix:ee,batchRender:o,selection:r,selectionPropsCache:a.selectionPropsCache,rowKey:s},"batch")},a.getLeftFixedTable=function(){return a.getTable({columns:a.getLeftColumns(),fixed:"left",bodyRef:a.leftBody})},a.getRightFixedTable=function(){return a.getTable({columns:a.getRightColumns(),fixed:"right",bodyRef:a.rightBody})},a.forceScroll=function(e,t,n){var o="scroll"+n;e&&e[o]!==t&&(e[o]=t)},a.handleBodyScrollRunOnceNextFrame=(0,p.$j)((function(e){var t,n,o,i,r;if(a.mounted&&a.isAnyColumnsFixed()){var s=e.target,l=a.props.autoStick,d=s.scrollTop,c=s.scrollLeft,u=null===(t=a.leftBody)||void 0===t?void 0:t.current,p=null===(n=a.rightBody)||void 0===n?void 0:n.current,h=null===(o=a.scrollHeader)||void 0===o?void 0:o.current,v=null===(i=a.stickyHead)||void 0===i?void 0:i.current,f=null===(r=a.bodyTable)||void 0===r?void 0:r.current;a.lastScrollLeft!==s.scrollLeft&&(h&&s===h&&(a.forceScroll(f,c,"Left"),l&&a.forceScroll(v,c,"Left")),f&&s===f&&(a.forceScroll(h,c,"Left"),l&&a.forceScroll(v,c,"Left")),l&&s===v&&(a.forceScroll(f,c,"Left"),a.forceScroll(h,c,"Left")),a.lastScrollLeft=c,a.setScrollPositionClassName()),a.lastScrollTop!==s.scrollTop&&(u&&s===u&&(a.forceScroll(p,d,"Top"),a.forceScroll(f,d,"Top")),p&&s===p&&(a.forceScroll(u,d,"Top"),a.forceScroll(f,d,"Top")),f&&s===f&&(a.forceScroll(p,d,"Top"),a.forceScroll(u,d,"Top")),a.lastScrollTop=s.scrollTop)}})),a.handleBodyScroll=function(e){e.persist(),a.handleBodyScrollRunOnceNextFrame(e)},a.onResize=function(){a.syncFixedTableRowHeight(),a.setScrollPositionClassName(),a.toggleBatchComponents(),a.setStickyHeadWidth()},a.onRowMouseEnter=function(e){a.setState({mouseOverRowIndex:e})},a.getTable=function(e){var t,n;void 0===e&&(e={});var r=a.props,s=r.size,d=void 0===s?"large":s,c=r.datasets,p=r.scroll,h=r.sortType,v=r.sortBy,f=r.defaultSortType,g=r.rowClassName,y=r.onRowClick,x=r.ellipsis,m=r.expandation,S=r.rowKey,C=r.components,w=r.rowProps,R=r.disableHoverHighlight,k=e.fixed,z=e.isStickyHead,j=e.columns||a.store.getState("columns"),N=a.state.expandRowKeys,T="",Z={},E={};!k&&(0,B.Z)(p.x)||(T="zent-grid-fixed",Z.overflowX=z?"hidden":"auto"),k||(0,B.Z)(p.x)||(E.width=p.x);var H=(0,i.jsx)(O,{size:d,prefix:ee,columns:j,fixed:k,store:a.store,onChange:a.onChange,sortType:h,scroll:p,sortBy:v,defaultSortType:f,fixedColumnsHeadRowsHeight:a.state.fixedColumnsHeadRowsHeight,ref:a.headerNode},void 0),K=b(j),D=(0,i.jsx)(M,{size:d,prefix:ee,rowKey:S,columns:K,datasets:c,expandRowKeys:N,mouseOverRowIndex:a.state.mouseOverRowIndex,onRowMouseEnter:a.onRowMouseEnter,rowClassName:g,onRowClick:y,fixed:k,hasFixedColumn:a.isAnyColumnsFixed(),scroll:p,expandRender:m&&m.expandRender,fixedColumnsBodyRowsHeight:a.state.fixedColumnsBodyRowsHeight,fixedColumnsBodyExpandRowsHeight:a.state.fixedColumnsBodyExpandRowsHeight,components:C,rowProps:w,disableHoverHighlight:R},void 0),F=p.y,L=p.x;if(F){var I=(0,u.Z)(),A={},W={maxHeight:F,overflowY:"auto"};I>0?(A.paddingBottom=0,!k&&a.isAnyColumnsFixed()&&L&&(A.marginBottom=-I,A.marginRight=I)):W.marginBottom=0;var _=[(0,i.jsx)("div",(0,o.pi)({className:l()("zent-grid-header",(t={},t["zent-grid-sticky-header"]=e.isStickyHead,t)),style:A,ref:e.headRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:H}),"header")];return e.isStickyHead||_.push((0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body-outer","data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body",style:W,ref:e.bodyRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:D}),"body")}),"body-outer")),_}return[(0,i.jsx)("div",(0,o.pi)({style:Z,ref:e.bodyRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:(0,i.jsxs)("table",(0,o.pi)({className:l()("zent-grid-table zent-grid-table-"+d,T,(n={},n["zent-grid-table-ellipsis"]=x,n)),style:E,"data-zv":"10.0.10"},{children:[(0,i.jsx)(P,{columns:j},void 0),H,e.isStickyHead?null:D]}),void 0)}),"table")]},a.getEmpty=function(e){var t=a.props,n=t.datasets,r=t.emptyLabel;return n&&0!==n.length?null:(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-empty","data-zv":"10.0.10"},{children:r||e.emptyLabel}),"empty")},a.getSelectionPropsByItem=function(e,t,n){var o=w(n||a.props.selection);return o?(a.selectionPropsCache[t]||(a.selectionPropsCache[t]=o(e)),a.selectionPropsCache[t]):{}},a.isFixedLayout=function(){var e=a.props,t=e.tableLayout,n=e.columns,o=void 0===n?[]:n,i=e.scroll,r=void 0===i?{}:i,s=e.ellipsis;return void 0!==t?"fixed"===t:!(!o.some((function(e){return!!e.noWrap}))||!s)||void 0!==r.x||void 0!==r.y},a.onSelectChange=function(e,t){var n=a.props,o=n.datasets,i=n.selection,r=null==i?void 0:i.onSelect;if("function"==typeof r){var s=(o||[]).filter((function(t,n){return-1!==(null!=e?e:[]).indexOf(a.getDataKey(t,n))}));r(e,s,t)}},a.handleSelect=function(e,t,n){var o=a.props.selection.isSingleSelection,i=n.target.checked,r=a.store.getState("selectedRowKeys")||[];r=o?[t]:i?r.concat(t):r.filter((function(e){return t!==e})),a.store.setState({selectedRowKeys:r}),a.onSelectChange(r,e)},a.handleBatchSelect=function(e,t){var n,o=(null!==(n=a.store.getState("selectedRowKeys"))&&void 0!==n?n:[]).slice(),i=[];switch(e){case"selectAll":(t||[]).forEach((function(e,t){var n=a.getDataKey(e,t);-1===o.indexOf(n)&&(o=o.concat(n),i.push(n))}));break;case"removeAll":o=(o||[]).filter((function(e){return(t||[]).every((function(t,n){var o=a.getDataKey(t,n),r=e===o;return r&&i.push(t),!r}))}))}a.store.setState({selectedRowKeys:o});var r=(t||[]).filter((function(e,t){return-1!==i.indexOf(a.getDataKey(e,t))}));a.onSelectChange(o,r)},a.renderSelectionCheckbox=function(){return function(e,t){var n=t.row,r=a.getDataKey(e,n),s=a.getSelectionPropsByItem(e,r);return(0,i.jsx)("span",(0,o.pi)({onClick:Q,className:"zent-grid-selection-checkbox","data-zv":"10.0.10"},{children:(0,i.jsx)(q,(0,o.pi)({},s,{rowIndex:r,store:a.store,onChange:function(t){return a.handleSelect(e,a.getDataKey(e,n),t)}}),void 0)}),void 0)}},a.renderSelectionRadio=function(){return function(e,t){var n=t.row,r=a.getDataKey(e,n),s=a.getSelectionPropsByItem(e,r);return(0,i.jsx)("span",(0,o.pi)({onClick:Q,className:"zent-grid-selection-radio","data-zv":"10.0.10"},{children:(0,i.jsx)(Y,(0,o.pi)({},s,{rowIndex:r,store:a.store,onChange:function(t){return a.handleSelect(e,a.getDataKey(e,n),t)}}),void 0)}),void 0)}},a.toggleBatchComponents=function(){var e,t,n,o=a.props.stickyBatch&&a.props.batchRender;if(a.mounted&&o){a.footEl||(a.footEl=r.findDOMNode(a.footNode.current)),a.headerEl||(a.headerEl=r.findDOMNode(a.headerNode.current));var i=(e=S(a.gridNode.current),t=S(a.headerEl),n=S(a.footEl),!(!e||t||n));a.store.getState("batchRenderFixed")!==i&&a.store.setState({batchRenderFixed:i,batchRenderFixedStyles:a.getBatchFixedStyle()})}},a.onScroll=function(){a.toggleBatchComponents();var e=document.body.scrollLeft||document.documentElement.scrollLeft||window.pageXOffset;if(a.props.autoStick){var t=S(a.gridNode.current),n=r.findDOMNode(a.headerNode.current),o=0;n&&!o&&(o=n.getBoundingClientRect().height);var i=S(n,o);a.setState({showStickHead:!i&&t,marginLeft:"-"+e+"px"})}},a.getStickyHead=function(){var e=[a.getTable({isStickyHead:!0,headRef:a.stickyHead,bodyRef:a.stickyHead}),a.isAnyColumnsLeftFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-left","data-zv":"10.0.10"},{children:a.getTable({columns:a.getLeftColumns(),fixed:"left",isStickyHead:!0})}),"left-sticky-head"),a.isAnyColumnsRightFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-right","data-zv":"10.0.10"},{children:a.getTable({columns:a.getRightColumns(),fixed:"right",isStickyHead:!0})}),"right-sticky-head")],t={visibility:a.state.showStickHead?"visible":"hidden",height:a.state.showStickHead?"auto":0};return a.isAnyColumnsFixed()?(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-scroll",style:t,"data-zv":"10.0.10"},{children:e}),void 0):(0,i.jsx)("div",(0,o.pi)({style:t,"data-zv":"10.0.10"},{children:e}),void 0)},a.setStickyHeadWidth=function(){if(a.props.autoStick&&a.gridNode&&a.gridNode.current){var e=a.props.scroll,t=a.gridNode.current.getBoundingClientRect().width;!e||(0,B.Z)(e.x)||(0,B.Z)(e.y)||(t-=(0,u.Z)()),a.setState({tableWidth:t})}};var c=a.getExpandRowKeys(t);return a.store.setState({columns:a.getColumns(t,t.columns,c),selectedRowKeys:null===(n=null==t?void 0:t.selection)||void 0===n?void 0:n.selectedRowKeys}),a.setScrollPosition("both"),a.state={mouseOverRowIndex:-1,fixedColumnsBodyRowsHeight:[],fixedColumnsHeadRowsHeight:[],fixedColumnsBodyExpandRowsHeight:[],expandRowKeys:c,showStickHead:!1,tableWidth:void 0,marginLeft:void 0},a}return(0,o.ZT)(t,e),t.prototype.getExpandRowKeys=function(e){var t=e.expandation,n=e.datasets;if(t){var o=t.isExpanded;return n.reduce((function(e,t,n){return e[n]="function"==typeof o&&o(t,n),e}),[])}return[]},t.prototype.getSelectionColumn=function(e,t){var n=this,o=(t||this.store.getState("columns")).slice().some((function(e){return"left"===e.fixed||!0===e.fixed})),r=e||this.props,s=r.datasets,a=r.selection;if(!a)return null;var l=null;if(a.isSingleSelection)l={title:"",key:"selection-column-single",width:28,bodyRender:this.renderSelectionRadio()};else{var d=R(null!=s?s:[],this.getDataKey,(function(e,t){return n.getSelectionPropsByItem(e,t,a)}));l={title:(0,i.jsx)(g,{store:this.store,datasets:d.enabledRows,disabledDatasets:d.disabledRows,getDataKey:this.getDataKey,onSelect:this.handleBatchSelect,disabled:d.allDisabled},void 0),key:"selection-column",width:28,bodyRender:this.renderSelectionCheckbox()}}return o&&(l.fixed="left"),l},t.prototype.getBatchFixedStyle=function(){if(!$.Z)return{};var e=r.findDOMNode(this.footNode.current);return e&&this.props.stickyBatch?{width:e.getBoundingClientRect().width}:{}},t.prototype.setScrollPosition=function(e){if(this.scrollPosition=e,this.gridNode.current){var t=this.gridNode.current;"both"===e?(t.className=t.className.replace(new RegExp("zent-grid-scroll-position-.+$","gi")," "),t.classList.add("zent-grid-scroll-position-left"),t.classList.add("zent-grid-scroll-position-right")):(t.className=t.className.replace(new RegExp("zent-grid-scroll-position-.+$","gi")," "),t.classList.add("zent-grid-scroll-position-"+e))}},t.prototype.setScrollPositionClassName=function(){var e,t=null===(e=this.bodyTable)||void 0===e?void 0:e.current,n=0===t.scrollLeft,o=t.scrollLeft+1>=t.children[0].getBoundingClientRect().width-t.getBoundingClientRect().width;n&&o?this.setScrollPosition("both"):n?this.setScrollPosition("left"):o?this.setScrollPosition("right"):"middle"!==this.scrollPosition&&this.setScrollPosition("middle")},t.prototype.componentDidMount=function(){this.mounted=!0,this.setScrollPositionClassName(),this.isAnyColumnsFixed()&&this.syncFixedTableRowHeight(),this.setStickyHeadWidth()},t.prototype.componentWillUnmount=function(){this.mounted=!1},t.prototype.componentWillReceiveProps=function(e){var t,n;if(e.selection!==this.props.selection&&(e.selection||this.store.setState({columns:this.getColumns(e,e.columns)})),e.selection&&(0,N.n)(e.selection,"selectedRowKeys")){this.store.setState({selectedRowKeys:e.selection.selectedRowKeys||[],columns:this.getColumns(e)});var o=this.props.selection;o&&w(e.selection)!==w(o)&&(this.selectionPropsCache={})}else(null===(t=e.selection)||void 0===t?void 0:t.isSingleSelection)!==(null===(n=this.props.selection)||void 0===n?void 0:n.isSingleSelection)&&this.store.setState({columns:this.getColumns(e)});if(e.columns&&e.columns!==this.props.columns&&this.store.setState({columns:this.getColumns(e,e.columns)}),(0,N.n)(e,"datasets")&&e.datasets!==this.props.datasets){this.selectionPropsCache={};var i=this.getExpandRowKeys(e);this.store.setState({columns:this.getColumns(e,e.columns,i)}),this.setState({expandRowKeys:i})}},t.prototype.componentDidUpdate=function(e){var t,n;this.isAnyColumnsFixed()&&((null===(t=this.props.scroll)||void 0===t?void 0:t.x)!==(null===(n=e.scroll)||void 0===n?void 0:n.x)&&this.setScrollPositionClassName(),this.syncFixedTableRowHeight())},t.prototype.render=function(){var e,t=this,n=this.props,r=n.loading,s=n.pageInfo,a=void 0===s?{}:s,d=n.paginationType,c=n.bordered,u=n.autoStick,p=n.autoStickOffsetTop,f=n.loadingProps,g=void 0===f?{}:f,y=n.size,x=this.state,m=x.marginLeft,b=x.tableWidth,S=x.showStickHead,C={};u&&(C.width=b,C.marginLeft=m,C.visibility=S?"visible":"hidden");var w="zent-grid",R=c?"zent-grid-bordered":"";return w=l()(w,this.props.className,R,((e={})["zent-grid-without-size"]=void 0===y,e["zent-grid-fixed-layout"]=this.isFixedLayout(),e)),w="both"===this.scrollPosition?l()(w,"zent-grid-scroll-position-left","zent-grid-scroll-position-right"):l()(w,"zent-grid-scroll-position-"+this.scrollPosition),(0,i.jsx)(z.Z,(0,o.pi)({componentName:"Grid"},{children:function(e){var n=[t.getTable({headRef:t.scrollHeader,bodyRef:t.bodyTable}),t.getEmpty(e),(0,i.jsx)(_,{ref:t.footNode,prefix:ee,pageInfo:a,paginationType:d,onChange:t.onChange,onPaginationChange:t.onPaginationChange,batchComponents:t.getBatchComponents("foot")},"footer")],s=t.isAnyColumnsFixed()?(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-scroll","data-zv":"10.0.10"},{children:n}),void 0):n;return(0,i.jsxs)("div",(0,o.pi)({className:w,ref:t.gridNode,"data-zv":"10.0.10"},{children:[t.getBatchComponents("header"),(0,i.jsxs)(j.Z,(0,o.pi)({},g,{loading:r},{children:[u&&(0,i.jsx)("div",(0,o.pi)({style:C,className:"zent-grid-sticky-header-warp","data-zv":"10.0.10"},{children:(0,i.jsx)(X,(0,o.pi)({offsetTop:p},{children:t.getStickyHead()}),void 0)}),void 0),s,t.isAnyColumnsLeftFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-left","data-zv":"10.0.10"},{children:t.getLeftFixedTable()}),void 0),t.isAnyColumnsRightFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-right","data-zv":"10.0.10"},{children:t.getRightFixedTable()}),void 0)]}),void 0),(0,i.jsx)(h.w,{onResize:t.onResize},void 0),(0,i.jsx)(v.f,{onScroll:t.onScroll,options:{capture:!0}},void 0)]}),void 0)}}),void 0)},t.defaultProps={className:"",bordered:!1,datasets:[],columns:[],loading:!1,paginationType:"default",onChange:c.Z,rowKey:"id",emptyLabel:"",scroll:{},onRowClick:c.Z,ellipsis:!1,onExpand:c.Z,stickyBatch:!1,autoStick:!1,autoStickOffsetTop:0,disableHoverHighlight:!1},t}(s.PureComponent),ne=te},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>c});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(40695),l=n(73326),d=n(72551);function c(e){var t=function(e){var t=(0,d.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,r=void 0!==n&&n,c=e.delay,u=void 0===c?0:c,p=e.className,h=e.children,v=e.icon,f=void 0===v?"circle":v,g=e.iconSize,y=e.iconText,x=e.textPosition,m=void 0===x?"bottom":x,b=e.colorPreset,S=void 0===b?"primary":b,C=!!h,w=!(0,l.Z)({loading:r,delay:u})&&r;return w||C?(0,i.jsxs)("div",(0,o.pi)({className:s()("zent-loading","zent-loading--block",p,{"zent-loading--has-children":C}),style:{height:t},"data-zv":"10.0.10"},{children:[h,w&&(0,i.jsx)(a.Z,{icon:f,size:g,text:y,textPosition:m,colorPreset:S},void 0)]}),void 0):null}t.Z=c},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var o=n(59312),i=n(24246),r=n(56975);function s(e){return(0,i.jsx)("div",(0,o.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,i.jsx)(r.Z,(0,o.pi)({},e),void 0)}),void 0)}},4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(57961),d=n(1348);function c(e){var t=(0,a.useContext)(d.d),n=e.value,r=e.disabled,c=void 0===r?t.value:r,u=e.readOnly,p=void 0!==u&&u,h=e.isValueEqual,v=void 0===h?Object.is:h,f=e.className,g=e.style,y=e.children,x=e.onChange,m=(0,a.useMemo)((function(){return{value:n,disabled:c,readOnly:p,isValueEqual:v,onRadioChange:x}}),[n,c,p,v,x]);return(0,i.jsx)(l.Z.Provider,(0,o.pi)({value:m},{children:(0,i.jsx)("div",(0,o.pi)({className:s()("zent-radio-group",f),style:g,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}t.Z=c},57961:(e,t,n)=>{"use strict";var o=(0,n(27378).createContext)(null);o.displayName="RadioGroupContext",t.Z=o},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>v,Z:()=>f});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(1535),l=n(27378);function d(e,t){var n=(0,l.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,l.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,o.pi)((0,o.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var r=n.current.onChange;r&&r(t)}}),[i])}function c(e,t,n){var o=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t&&"boolean"==typeof t.disabled?t.disabled:e.value}(e,t,n),i=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(t,n);return{checked:t?t.isValueEqual(t.value,n.value):!!n.checked,disabled:o,readOnly:i}}var u=n(4246),p=n(1348),h=n(57961);function v(e){var t=e.className,n=e.style,r=e.children,u=(e.value,e.width),v=e.labelStyle,f=(e.onMouseEnter,e.onMouseLeave,(0,o._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),g=(0,l.useContext)(p.d),y=(0,l.useContext)(h.Z),x=c(g,y,e),m=x.checked,b=x.disabled,S=x.readOnly,C=d(y,e),w=s()(t,"zent-radio-wrap",{"zent-radio-checked":!!m,"zent-radio-disabled":b||S}),R=(0,a.Z)(u),k=(0,o.pi)((0,o.pi)({},n),R);return(0,i.jsxs)("label",(0,o.pi)({className:w,style:k,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,i.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,i.jsx)("input",(0,o.pi)({},f,{type:"radio",checked:!!m,disabled:b,readOnly:S,onChange:C,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==r&&(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)}v.Button=function(e){var t=e.className,n=e.style,r=e.children,u=(e.value,e.width),v=e.onMouseEnter,f=e.onMouseLeave,g=(0,o._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(p.d),x=(0,l.useContext)(h.Z);if(!x)throw new Error("Radio.Button must be nested within Radio.Group");var m=c(y,x,e),b=m.checked,S=m.disabled,C=m.readOnly,w=d(x,e),R=s()(t,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":S||C}),k=(0,a.Z)(u),z=(0,o.pi)((0,o.pi)({},n),k);return(0,i.jsxs)("label",(0,o.pi)({className:R,style:z,onMouseEnter:v,onMouseLeave:f,"data-zv":"10.0.10"},{children:[(0,i.jsx)("input",(0,o.pi)({},g,{type:"radio",checked:!!b,disabled:S,readOnly:C,onChange:w,"data-zv":"10.0.10"}),void 0),(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)},v.Group=u.Z;var f=v},57097:(e,t,n)=>{"use strict";n.d(t,{u:()=>h});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(42690),d=n(33806),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t}(d.ZP.Trigger.Base),u=n(50707),p=d.ZP.Trigger,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,r.createRef)(),t}return(0,o.ZT)(t,e),t.prototype.renderContent=function(){var e=this.props.title;return(0,i.jsxs)(d.ZP.Content,{children:[(0,i.jsx)("div",(0,o.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.10"},{children:e}),void 0),(0,i.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)},t.prototype.renderTrigger=function(){var e=this.props.children;if("click"===this.props.trigger){var t=this.props.closeOnClickOutside,n=void 0===t||t;return(0,i.jsx)(p.Click,(0,o.pi)({closeOnClickOutside:n},{children:e}),void 0)}if("hover"===this.props.trigger){var r=this.props,s=r.mouseLeaveDelay,a=void 0===s?200:s,l=r.mouseEnterDelay,d=void 0===l?200:l,u=r.anchorOnly,h=r.fixMouseEventsOnDisabledChildren;return(0,i.jsx)(p.Hover,(0,o.pi)({showDelay:d,hideDelay:a,anchorOnly:u,fixMouseEventsOnDisabledChildren:h},{children:e}),void 0)}return"focus"===this.props.trigger?(0,i.jsx)(p.Focus,{children:e},void 0):"none"===this.props.trigger?(0,i.jsx)(c,{children:e},void 0):null},t.prototype.render=function(){var e=this.props,t=e.className,n=e.trigger,r=e.visible,s=e.position,c=e.cushion,p=e.centerArrow,h=e.containerSelector,v=e.style,f=a()("zent-tooltip-v2",t),g=this.props.onVisibleChange;return"none"===n&&(g=g||l.Z),(0,i.jsxs)(d.ZP,(0,o.pi)({visible:r,onVisibleChange:g,className:f,cushion:c,position:(0,u.Z)(s,p),containerSelector:h,ref:this.popoverRef,style:v},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},t.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},t}(r.Component)},74522:(e,t,n)=>{"use strict";var o=n(57097);t.Z=o.u},25120:(e,t,n)=>{"use strict";n.d(t,{f:()=>d});var o=n(59312),i=n(24246),r=n(27378),s=n(80186),a=n(17127),l={passive:!0},d=function(e){var t=e.disableThrottle,n=void 0!==t&&t,d=e.options,c=e.onScroll,u=(0,r.useRef)(c);u.current=c;var p=(0,r.useCallback)((function(e){u.current(e)}),[]),h=(0,a.BN)(p,n);return(0,r.useEffect)((function(){return h.cancel}),[h]),(0,i.jsx)(s.ZM,{eventName:"scroll",listener:h,options:(0,o.pi)((0,o.pi)({},l),d)},void 0)}},1535:(e,t,n)=>{"use strict";function o(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>o})},31256:(e,t,n)=>{"use strict";function o(e){return null==e}n.d(t,{Z:()=>o})}}]); \ No newline at end of file diff --git a/6852-380525c5578aa94ce0c0.js b/6852-113d385d59cb7c179c12.js similarity index 99% rename from 6852-380525c5578aa94ce0c0.js rename to 6852-113d385d59cb7c179c12.js index e3e26a9f5..2fa37142b 100644 --- a/6852-380525c5578aa94ce0c0.js +++ b/6852-113d385d59cb7c179c12.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6852],{96852:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>T});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(77148),l=a(56377),u=a(69916),r=a(36603),i=a(39215),k=a(28627),d=a(24246);function m(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function y(n){for(var s=1;s({option:String(s),text:"option".concat(s),disabled:s%2==1}))),s=(0,e.useState)(["8","9","10","15"]),a=(0,p.Z)(s,2),t=a[0],o=a[1],u=(0,e.useState)([]),r=(0,p.Z)(u,2),i=r[0],k=r[1],m=(0,e.useState)(!1),y=(0,p.Z)(m,2),g=y[0],h=y[1];return(0,d.jsxs)("div",{children:[(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n,selectedKeys:s})=>{o(n),k(s)},list:{columns:[{name:"text"}]},selectedKeys:i,onSelectChange:n=>k(n),disabled:g}),(0,d.jsxs)("div",{style:{marginTop:"20px"},children:[(0,d.jsx)(l.r,{checked:g,onChange:()=>h(!g)}),"disabled"]})]})},h=function(){var n=new Array(20).fill().map(((n,s)=>({option:String(s),text:"option".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),showSearch:!0,filterOption:(n,{text:s})=>s.indexOf(n)>-1,list:{columns:[{name:"text"}]}})})},f=function(){var n=new Array(200).fill().map(((n,s)=>({option:String(s),text1:"Option".concat(s),text2:"Product".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",className:"grid-transfer",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),pagination:!0,list:[{columns:[{name:"text1",title:"left1"},{name:"text2",title:"left2"}],scroll:{y:198}},{columns:[{name:"text1",title:"right"}],scroll:{y:198}}]})})},b=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,e.useState)([]),t=(0,p.Z)(a,2),o=t[0],l=t[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"id",dataSource:s,targetKeys:o,onChange:({targetKeys:n})=>l(n),list:{columns:[{name:"title"}]},children:({direction:s,selectedKeys:a,handleSelectChange:t})=>{if("left"===s)return(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:(n,s)=>{t(n.filter((n=>!o.includes(n))))},checkedKeys:Array.from(new Set([...a,...o])),disabledCheckedKeys:o,expandAll:!0})}})})},w=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,r.Z)({targetKeys:[8,9]}),t=a.targetKeys,p=a.selectedKeys,o=a.transferKeys,c=a.changeSelectedKeys;return(0,d.jsxs)("div",{className:"transfer-hook",children:[(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:n=>{c("left",n.filter((n=>!t.includes(n))))},checkedKeys:Array.from(new Set([...p,...t])),disabledCheckedKeys:t,expandAll:!0}),(0,d.jsx)(i.J,{className:"left-icon",type:"left",onClick:()=>o("left")}),(0,d.jsx)(i.J,{className:"right-icon",type:"right",onClick:()=>o("right")}),(0,d.jsx)(k.r,{className:"transfer-gird",datasets:t.map((n=>s.find((s=>n===s.id)))),selection:{selectedRowKeys:t.filter((n=>p.includes(n))),onSelect:n=>c("right",n)},columns:[{name:"title",title:"tree node"}]})]})};function v(n){return(0,d.jsx)(n.tag,y(y({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function K(n){return(0,d.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,d.jsx)(v,{tag:"style",html:n.style})}function j(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),j(n.parentNode,s);return s}class S extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,d.jsxs)("div",{className:"zandoc-react-demo",children:[(0,d.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,d.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,d.jsx)("div",{className:"zandoc-react-demo__title",children:(0,d.jsx)("p",{children:a||""})}),(0,d.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,d.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,d.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class T extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,j(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(x,{style:".grid-transfer .zent-transfer__item:first-child {\n\twidth: 400px;\n}\n.grid-transfer .zent-grid-thead .zent-grid-tr {\n\theight: 36px;\n}\n\n.transfer-hook {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.transfer-hook .left-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 0 20px 10px;\n\t}\n\n.transfer-hook .right-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 30px 20px 0;\n\t}\n\n.transfer-hook .transfer-gird {\n\t\tmin-height: 240px;\n\t\twidth: 200px;\n\t}"}),e.createElement(K,{html:'

Transfer

\n

Double column transfer choice box.

\n

Demos

'}),e.createElement(S,{title:"Basic usage",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Transfer, Switch, Disabled } from \'zent\';\n\nconst data = new Array(20).fill().map((_, index) => ({\n option: String(index),\n text: `option${index}`,\n disabled: index % 2 === 1,\n}));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([\'8\', \'9\', \'10\', \'15\']);\nconst [selectedKeys, setSelectedKeys] = useState([]);\nconst [checked, setChecked] = useState(false);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys, selectedKeys }) => {\n setTargetKeys(targetKeys);\n setSelectedKeys(selectedKeys);\n }}\n list={{ columns }}\n selectedKeys={selectedKeys}\n onSelectChange={items => setSelectedKeys(items)}\n disabled={checked}\n />\n <div style={{ marginTop: \'20px\' }}>\n <Switch checked={checked} onChange={() => setChecked(!checked)} />\n disabled\n </div>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(S,{title:"Search",id:"Demosearch",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(20)\n .fill()\n .map((_, index) => ({ option: String(index), text: `option${index}` }));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n showSearch\n filterOption={(inputValue, { text }) => text.indexOf(inputValue) > -1}\n list={{ columns }}\n />\n </div>,\n mountNode\n);'},e.createElement(h)),e.createElement(S,{title:"Grid",id:"Demogrid",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(200).fill().map((_, index) => ({\n option: String(index),\n text1: `Option${index}`,\n text2: `Product${index}`,\n}));\n\nconst leftColumns = [\n {\n name: \'text1\',\n title: \'left1\',\n },\n {\n name: \'text2\',\n title: \'left2\',\n },\n];\n\nconst rightColumns = [\n {\n name: \'text1\',\n title: \'right\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n className="grid-transfer"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n pagination\n list={[\n {\n columns: leftColumns, scroll: { y: 198 }\n },\n {\n columns: rightColumns, scroll: { y: 198 }\n },\n ]}\n />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(S,{title:"Render props",id:"DemorenderProps",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { Transfer, Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n },\n ],\n },\n {\n id: 6,\n title: \'Product\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="id"\n dataSource={transferDataSource}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n list={{ columns }}\n >\n {({ direction, selectedKeys, handleSelectChange }) => {\n if (\'left\' === direction) {\n return (\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={(checked, helpInfo) => {\n handleSelectChange(\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n );\n }\n }}\n </Transfer>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(S,{title:"useTransfer",id:"Demohook",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { useTransfer, Grid, Tree, Icon } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n },\n ],\n },\n {\n id: 6,\n title: \'Product\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n title: \'tree node\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst { targetKeys, selectedKeys, transferKeys, changeSelectedKeys } = useTransfer({ targetKeys: [8, 9] });\n\nReactDOM.render(\n <div className="transfer-hook">\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={checked => {\n changeSelectedKeys(\n \'left\',\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n <Icon className="left-icon" type="left" onClick={() => transferKeys(\'left\')} />\n <Icon className="right-icon" type="right" onClick={() => transferKeys(\'right\')} />\n <Grid\n className="transfer-gird"\n datasets={targetKeys.map(key => transferDataSource.find(item => key === item.id))}\n selection={{\n selectedRowKeys: targetKeys.filter(item => selectedKeys.includes(item)),\n onSelect: keys => changeSelectedKeys(\'right\', keys),\n }}\n columns={columns}\n />\n </div>,\n mountNode\n);'},e.createElement(w)),e.createElement(K,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
keyNameThe primary key of \ndataSourcestringYes
dataSourceUsed for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in targetKeys propITransferData[]Yes
onChangeA callback function that is executed when the transfer between columns is completed({ targetKeys, transferredKeys, direction, selectedKeys }) => voidYes
targetKeysA set of keys of elements that are listed on the right columnstring[][]No
selectedKeysA set of keys of selected itemsstring[][]No
onSelectChangeA callback function which is executed when a check changes(selectedKeys: string[]) => voidNo
titlesA set of titles that are sorted from left to right[React.ReactNode, React.ReactNode][\'Source\', \'Target\']No
showSearchIf included, a search box is shown on each columnbooleanfalseNo
searchPlaceholderSearch input placeholderstringPlease EnterNo
filterOptionA function to determine whether an item should show in search result list(inputValue: string, option: ITransferData) => booleanNo
paginationList pagination. Not work in render props. PageSize is 10 by defaultboolean\n \n|\n \n{ pageSize: number }No
disabledWhether disabled transferbooleanNo
classNameExtra custom class namestring\'\'No
listSet list propsObject ListType\n \n|\n \n[ListType, ListType]No
\n

Render Props

\n

Transfer accept children to customize render list, using follow props:

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
directionList render directionleft\n \n|\n \nright
selectedKeysSelected itemsstring[]
handleSelectChangeSelect a group of items(keys: string[]) => void
\n

list

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescripitionTypeRequired
columnsColumnsTransferColumnTypeYes
selectionThe configuration for selection(Currently only supports \ngetCheckboxProps\n)object { getCheckboxProps: ( data: ITransferData) => { disabled?: boolean; reason?: React.ReactNode }; }No
\n

The above props are different from Grid, rowKey、scroll、emptyLabel、onRowClick、sortBy、sortType、defaultSortType、bordered、ellipsis、components、rowProps、autoStick、autoStickOffsetTop、disableHoverHighlight、onChange、loading、className、rowClassName will be passed down.(View props description).

\n

columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
nameKey for the corresponding datastringYes
titleColumn titleReactNode\'\'No
\n

The above props are different from Grid, View other props descriptions.

\n

useTransfer

\n

Hook for sending left and right data.

\n

Params

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
selectedKeysDefault Selected itemsstring[][]No
targetKeysDefault items that are listed on the right columnstring[][]No
disabledKeysdisabled itemsstring[][]No
\n

Result

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
selectedKeysA set of keys of selected itemsstring[]
targetKeysA set of keys of elements that are listed on the right columnstring[]
transferKeysA function that transfer selected items on the left or right(direction: Direction) => void
changeSelectedKeysA function that set selected items on the left or right(direction: Direction, selectedKeys: string[]) => void
resetSelectedKeysA function that reset selected items(keys: string[]) => void
resetTargetKeysA function that reset targetKeys(keys: string[]) => void
'}))}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6852],{96852:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>T});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(77148),l=a(56377),u=a(69916),r=a(36603),i=a(39215),k=a(26317),d=a(24246);function m(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function y(n){for(var s=1;s({option:String(s),text:"option".concat(s),disabled:s%2==1}))),s=(0,e.useState)(["8","9","10","15"]),a=(0,p.Z)(s,2),t=a[0],o=a[1],u=(0,e.useState)([]),r=(0,p.Z)(u,2),i=r[0],k=r[1],m=(0,e.useState)(!1),y=(0,p.Z)(m,2),g=y[0],h=y[1];return(0,d.jsxs)("div",{children:[(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n,selectedKeys:s})=>{o(n),k(s)},list:{columns:[{name:"text"}]},selectedKeys:i,onSelectChange:n=>k(n),disabled:g}),(0,d.jsxs)("div",{style:{marginTop:"20px"},children:[(0,d.jsx)(l.r,{checked:g,onChange:()=>h(!g)}),"disabled"]})]})},h=function(){var n=new Array(20).fill().map(((n,s)=>({option:String(s),text:"option".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),showSearch:!0,filterOption:(n,{text:s})=>s.indexOf(n)>-1,list:{columns:[{name:"text"}]}})})},f=function(){var n=new Array(200).fill().map(((n,s)=>({option:String(s),text1:"Option".concat(s),text2:"Product".concat(s)}))),s=(0,e.useState)([]),a=(0,p.Z)(s,2),t=a[0],o=a[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"option",className:"grid-transfer",dataSource:n,targetKeys:t,onChange:({targetKeys:n})=>o(n),pagination:!0,list:[{columns:[{name:"text1",title:"left1"},{name:"text2",title:"left2"}],scroll:{y:198}},{columns:[{name:"text1",title:"right"}],scroll:{y:198}}]})})},b=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,e.useState)([]),t=(0,p.Z)(a,2),o=t[0],l=t[1];return(0,d.jsx)("div",{children:(0,d.jsx)(c.F,{keyName:"id",dataSource:s,targetKeys:o,onChange:({targetKeys:n})=>l(n),list:{columns:[{name:"title"}]},children:({direction:s,selectedKeys:a,handleSelectChange:t})=>{if("left"===s)return(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:(n,s)=>{t(n.filter((n=>!o.includes(n))))},checkedKeys:Array.from(new Set([...a,...o])),disabledCheckedKeys:o,expandAll:!0})}})})},w=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer",children:[{id:7,title:"JAVA"},{id:8,title:"PHP"},{id:9,title:"GO"},{id:10,title:".NET"}]},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}],s=(0,e.useMemo)((()=>{var s=[];return function n(a=[]){a.forEach((a=>{s.push(a),n(a.children)}))}(n),s}),[n]),a=(0,r.Z)({targetKeys:[8,9]}),t=a.targetKeys,p=a.selectedKeys,o=a.transferKeys,c=a.changeSelectedKeys;return(0,d.jsxs)("div",{className:"transfer-hook",children:[(0,d.jsx)(u.m,{checkable:!0,size:"small",data:n,onCheck:n=>{c("left",n.filter((n=>!t.includes(n))))},checkedKeys:Array.from(new Set([...p,...t])),disabledCheckedKeys:t,expandAll:!0}),(0,d.jsx)(i.J,{className:"left-icon",type:"left",onClick:()=>o("left")}),(0,d.jsx)(i.J,{className:"right-icon",type:"right",onClick:()=>o("right")}),(0,d.jsx)(k.r,{className:"transfer-gird",datasets:t.map((n=>s.find((s=>n===s.id)))),selection:{selectedRowKeys:t.filter((n=>p.includes(n))),onSelect:n=>c("right",n)},columns:[{name:"title",title:"tree node"}]})]})};function v(n){return(0,d.jsx)(n.tag,y(y({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function K(n){return(0,d.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,d.jsx)(v,{tag:"style",html:n.style})}function j(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),j(n.parentNode,s);return s}class S extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,d.jsxs)("div",{className:"zandoc-react-demo",children:[(0,d.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,d.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,d.jsx)("div",{className:"zandoc-react-demo__title",children:(0,d.jsx)("p",{children:a||""})}),(0,d.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,d.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,d.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class T extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,j(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(x,{style:".grid-transfer .zent-transfer__item:first-child {\n\twidth: 400px;\n}\n.grid-transfer .zent-grid-thead .zent-grid-tr {\n\theight: 36px;\n}\n\n.transfer-hook {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.transfer-hook .left-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 0 20px 10px;\n\t}\n\n.transfer-hook .right-icon {\n\t\tfont-size: 30px;\n\t\tpadding: 20px 30px 20px 0;\n\t}\n\n.transfer-hook .transfer-gird {\n\t\tmin-height: 240px;\n\t\twidth: 200px;\n\t}"}),e.createElement(K,{html:'

Transfer

\n

Double column transfer choice box.

\n

Demos

'}),e.createElement(S,{title:"Basic usage",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Transfer, Switch, Disabled } from \'zent\';\n\nconst data = new Array(20).fill().map((_, index) => ({\n option: String(index),\n text: `option${index}`,\n disabled: index % 2 === 1,\n}));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([\'8\', \'9\', \'10\', \'15\']);\nconst [selectedKeys, setSelectedKeys] = useState([]);\nconst [checked, setChecked] = useState(false);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys, selectedKeys }) => {\n setTargetKeys(targetKeys);\n setSelectedKeys(selectedKeys);\n }}\n list={{ columns }}\n selectedKeys={selectedKeys}\n onSelectChange={items => setSelectedKeys(items)}\n disabled={checked}\n />\n <div style={{ marginTop: \'20px\' }}>\n <Switch checked={checked} onChange={() => setChecked(!checked)} />\n disabled\n </div>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(S,{title:"Search",id:"Demosearch",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(20)\n .fill()\n .map((_, index) => ({ option: String(index), text: `option${index}` }));\n\nconst columns = [\n {\n name: \'text\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n showSearch\n filterOption={(inputValue, { text }) => text.indexOf(inputValue) > -1}\n list={{ columns }}\n />\n </div>,\n mountNode\n);'},e.createElement(h)),e.createElement(S,{title:"Grid",id:"Demogrid",src:'import { useState, useCallback } from \'react\';\nimport { Transfer } from \'zent\';\n\nconst data = new Array(200).fill().map((_, index) => ({\n option: String(index),\n text1: `Option${index}`,\n text2: `Product${index}`,\n}));\n\nconst leftColumns = [\n {\n name: \'text1\',\n title: \'left1\',\n },\n {\n name: \'text2\',\n title: \'left2\',\n },\n];\n\nconst rightColumns = [\n {\n name: \'text1\',\n title: \'right\',\n },\n];\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="option"\n className="grid-transfer"\n dataSource={data}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n pagination\n list={[\n {\n columns: leftColumns, scroll: { y: 198 }\n },\n {\n columns: rightColumns, scroll: { y: 198 }\n },\n ]}\n />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(S,{title:"Render props",id:"DemorenderProps",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { Transfer, Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n },\n ],\n },\n {\n id: 6,\n title: \'Product\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst [targetKeys, setTargetKeys] = useState([]);\n\nReactDOM.render(\n <div>\n <Transfer\n keyName="id"\n dataSource={transferDataSource}\n targetKeys={targetKeys}\n onChange={({ targetKeys }) => setTargetKeys(targetKeys)}\n list={{ columns }}\n >\n {({ direction, selectedKeys, handleSelectChange }) => {\n if (\'left\' === direction) {\n return (\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={(checked, helpInfo) => {\n handleSelectChange(\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n );\n }\n }}\n </Transfer>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(S,{title:"useTransfer",id:"Demohook",src:'import { useState, useCallback, useMemo } from \'react\';\nimport { useTransfer, Grid, Tree, Icon } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\n children: [\n {\n id: 7,\n title: \'JAVA\',\n },\n {\n id: 8,\n title: \'PHP\',\n },\n {\n id: 9,\n title: \'GO\',\n },\n {\n id: 10,\n title: \'.NET\',\n },\n ],\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n },\n ],\n },\n {\n id: 6,\n title: \'Product\',\n },\n ],\n },\n];\n\nconst columns = [\n {\n name: \'title\',\n title: \'tree node\',\n },\n];\n\nconst transferDataSource = useMemo(() => {\n const result = [];\n function flatten(list = []) {\n list.forEach(item => {\n result.push(item);\n flatten(item.children);\n });\n }\n flatten(treeData);\n return result;\n}, [treeData]);\n\nconst { targetKeys, selectedKeys, transferKeys, changeSelectedKeys } = useTransfer({ targetKeys: [8, 9] });\n\nReactDOM.render(\n <div className="transfer-hook">\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={checked => {\n changeSelectedKeys(\n \'left\',\n checked.filter(item => !targetKeys.includes(item))\n );\n }}\n checkedKeys={Array.from(new Set([...selectedKeys, ...targetKeys]))}\n disabledCheckedKeys={targetKeys}\n expandAll\n />\n <Icon className="left-icon" type="left" onClick={() => transferKeys(\'left\')} />\n <Icon className="right-icon" type="right" onClick={() => transferKeys(\'right\')} />\n <Grid\n className="transfer-gird"\n datasets={targetKeys.map(key => transferDataSource.find(item => key === item.id))}\n selection={{\n selectedRowKeys: targetKeys.filter(item => selectedKeys.includes(item)),\n onSelect: keys => changeSelectedKeys(\'right\', keys),\n }}\n columns={columns}\n />\n </div>,\n mountNode\n);'},e.createElement(w)),e.createElement(K,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
keyNameThe primary key of \ndataSourcestringYes
dataSourceUsed for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in targetKeys propITransferData[]Yes
onChangeA callback function that is executed when the transfer between columns is completed({ targetKeys, transferredKeys, direction, selectedKeys }) => voidYes
targetKeysA set of keys of elements that are listed on the right columnstring[][]No
selectedKeysA set of keys of selected itemsstring[][]No
onSelectChangeA callback function which is executed when a check changes(selectedKeys: string[]) => voidNo
titlesA set of titles that are sorted from left to right[React.ReactNode, React.ReactNode][\'Source\', \'Target\']No
showSearchIf included, a search box is shown on each columnbooleanfalseNo
searchPlaceholderSearch input placeholderstringPlease EnterNo
filterOptionA function to determine whether an item should show in search result list(inputValue: string, option: ITransferData) => booleanNo
paginationList pagination. Not work in render props. PageSize is 10 by defaultboolean\n \n|\n \n{ pageSize: number }No
disabledWhether disabled transferbooleanNo
classNameExtra custom class namestring\'\'No
listSet list propsObject ListType\n \n|\n \n[ListType, ListType]No
\n

Render Props

\n

Transfer accept children to customize render list, using follow props:

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
directionList render directionleft\n \n|\n \nright
selectedKeysSelected itemsstring[]
handleSelectChangeSelect a group of items(keys: string[]) => void
\n

list

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescripitionTypeRequired
columnsColumnsTransferColumnTypeYes
selectionThe configuration for selection(Currently only supports \ngetCheckboxProps\n)object { getCheckboxProps: ( data: ITransferData) => { disabled?: boolean; reason?: React.ReactNode }; }No
\n

The above props are different from Grid, rowKey、scroll、emptyLabel、onRowClick、sortBy、sortType、defaultSortType、bordered、ellipsis、components、rowProps、autoStick、autoStickOffsetTop、disableHoverHighlight、onChange、loading、className、rowClassName will be passed down.(View props description).

\n

columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
nameKey for the corresponding datastringYes
titleColumn titleReactNode\'\'No
\n

The above props are different from Grid, View other props descriptions.

\n

useTransfer

\n

Hook for sending left and right data.

\n

Params

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultRequired
selectedKeysDefault Selected itemsstring[][]No
targetKeysDefault items that are listed on the right columnstring[][]No
disabledKeysdisabled itemsstring[][]No
\n

Result

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
selectedKeysA set of keys of selected itemsstring[]
targetKeysA set of keys of elements that are listed on the right columnstring[]
transferKeysA function that transfer selected items on the left or right(direction: Direction) => void
changeSelectedKeysA function that set selected items on the left or right(direction: Direction, selectedKeys: string[]) => void
resetSelectedKeysA function that reset selected items(keys: string[]) => void
resetTargetKeysA function that reset targetKeys(keys: string[]) => void
'}))}}}}]); \ No newline at end of file diff --git a/7950-a554584f0bda721d3590.js b/7950-6c3e3e7446e051d9e0c7.js similarity index 99% rename from 7950-a554584f0bda721d3590.js rename to 7950-6c3e3e7446e051d9e0c7.js index fabd23c99..17e8a7df8 100644 --- a/7950-a554584f0bda721d3590.js +++ b/7950-6c3e3e7446e051d9e0c7.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7950],{37950:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>H});var t=a(73118),p=a(73450),o=a(27378),e=a(57318),c=a(28627),l=a(56377),u=a(3454),r=a(23476),i=a(80964),k=a(62640),d=a(71457),m=(a(31542),a(42694)),y=a(24246);function g(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function h(n){for(var s=1;s1?5:null});return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},f=function(){for(var n=[{title:"a very very looooooooonnnnng name",name:"name",width:100,noWrap:!0},{title:"right alignment",name:"uv",textAlign:"right",width:300},{title:"big size",name:"stock"}],s=[],a=0;a<3;a++)s.push({id:a,name:"Product ".concat(a),uv:20,stock:5});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{loading:!0})}render(){return(0,y.jsxs)("div",{children:[(0,y.jsx)(l.r,{onChange:n=>this.setState({loading:n}),checked:this.state.loading,size:"small",className:"switch"}),(0,y.jsx)(c.r,{columns:n,datasets:s,loading:this.state.loading,size:"large"})]})}}return(0,y.jsx)(t,{})},b=function(){for(var n=[{title:"a very very looooooooonnnnng name",name:"name",width:100,noWrap:!0,onCellClick:n=>{}},{title:"uv",name:"uv"},{title:"uv",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{current:1,pageSize:5,total:10,datasets:s}),(0,p.Z)(this,"onChange",(({current:n,pageSize:s})=>{this.setState({current:n,pageSize:s})}))}render(){var t=this.state,p=t.current,o=t.pageSize,e=t.total;return(0,y.jsx)(c.r,{columns:n,datasets:1===p?s:a,pageInfo:{current:p,pageSize:o,total:e,pageSizeOptions:[5,10]},onChange:this.onChange,size:"large",ellipsis:!0})}}return(0,y.jsx)(e,{})},v=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1,showSelection:!0,isSingle:!1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})})),(0,p.Z)(this,"toggleSelection",(()=>{this.setState({showSelection:!this.state.showSelection})})),(0,p.Z)(this,"toggleSelectionMode",(()=>{this.setState({isSingle:!this.state.isSingle,selectedRowKeys:[this.state.selectedRowKeys[0]]})}))}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u.z,{onClick:this.toggleSelection,style:{marginBottom:12},children:this.state.showSelection?"Hide":"Show"}),this.state.showSelection&&(0,y.jsx)(u.z,{onClick:this.toggleSelectionMode,style:{marginBottom:12},children:this.state.isSingle?"To multiple mode":"To single mode"}),(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:this.state.showSelection?{selectedRowKeys:this.state.selectedRowKeys,isSingleSelection:this.state.isSingle,onSelect:(n,s,a)=>{n.length>2?(r.g.error("You can choose up to two"),this.setState({selectedRowKeys:[].concat(this.state.selectedRowKeys)})):this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"Baby Products 1"===n.name,reason:"Reason of disabled"})}:void 0,rowKey:"id",onChange:this.onChange,size:"large"})]})}}return(0,y.jsx)(e,{})},x=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})}))}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:{isSingleSelection:!0,selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{r.g.success("当前选中：".concat(JSON.stringify(a),"\n selectedRows: ").concat(JSON.stringify(s),"\n ")),this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"Baby Products 1"===n.name,reason:"Reason of disabled"})},rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(e,{})},S=function(){for(var n=[],s=0;s<3;s++)n.push({id:s,name:"Product ".concat(s),uv:10*s,stock:5*s});var a=[{title:"Product Name",name:"name",needSort:!0},{title:"uv",name:"uv"},{title:"stock",name:"stock",needSort:!0}];class t extends o.Component{constructor(s){super(s),(0,p.Z)(this,"onChange",(n=>{var s=n.sortType,a=n.sortBy,t=this.state.datasets,p=t;"asc"===s?p=t.sort(((n,s)=>n[a]-s[a])):"desc"===s&&(p=t.sort(((n,s)=>s[a]-n[a]))),this.setState(h(h({},n),{},{datasets:p}))})),this.state={datasets:n,sortBy:"name",sortType:""}}render(){return(0,y.jsx)(c.r,{columns:a,datasets:this.state.datasets,onChange:this.onChange,sortBy:this.state.sortBy,sortType:this.state.sortType,size:"large"})}}return(0,y.jsx)(t,{})},j=function(){for(var n=[{title:"colSpan & rowSpan",name:"name",colSpan:2,width:"200px"},{title:"subtitle",name:"sub",colSpan:0,width:"200px",bodyRender:(n,s)=>(0,y.jsx)("span",{children:n.sub})},{title:"uv",name:"uv",bodyRender:(n,s)=>{var a=s.row;return a%2==0?{props:{rowSpan:2},children:(0,y.jsx)("span",{children:n.uv})}:a%2!=0?{props:{rowSpan:0}}:(0,y.jsx)("span",{children:n.uv})}},{title:"stock",name:"stock"}],s=[],a=0;a<6;a++)s.push({id:a,name:"Product ".concat(a),sub:"subtitle ".concat(a),uv:20,stock:5});class t extends o.Component{render(){return(0,y.jsx)(c.r,{columns:n,datasets:s,size:"large"})}}return(0,y.jsx)(t,{})},C=function(){for(var n=[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],s=[],a=0;a<3;a++)s.push({id:a,name:"Product ".concat(a),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});function p(){var a=o.useState(1300),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsx)(i.Y,{value:e,onChange:l,integer:!0,addonAfter:"px",style:{marginBottom:16}}),(0,y.jsx)(c.r,{columns:n,datasets:s,scroll:{x:e},size:"large"})]})}return(0,y.jsx)(p,{})},N=function(){for(var n=[],s=0;s<5;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:20,stock:5});return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name",width:150},{title:"uv",name:"uv",width:150},{title:"stock",name:"stock"}],datasets:n,scroll:{y:200},rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},R=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"Product ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],datasets:n,scroll:{x:1300,y:200},size:"large"})})},P=function(){var n=[{item_id:"5024217",bro_uvpv:"0/0",stock_num:"60",sold_num:0},{item_id:"5024277",bro_uvpv:"0/0",stock_num:59,sold_num:0},{item_id:"13213123",bro_uvpv:"0/0",stock_num:159,sold_num:0}],s=[{title:"Product",width:"50px",fixed:!0,bodyRender:n=>(0,y.jsx)("div",{children:n.item_id})},{title:"PV",name:"bro_uvpv",width:"100px"},{title:"Stock",name:"stock_num",width:"100px"},{title:"Sales",name:"sold_num",fixed:"right"}];class a extends o.Component{constructor(n){super(n),(0,p.Z)(this,"onExpand",(n=>{})),this.state={limit:10,current:0,total:101}}getRowConf(n,s){return{canSelect:!0}}onChange(n){this.setState(n)}render(){return(0,y.jsx)(c.r,{columns:s,datasets:n,onChange:this.onChange.bind(this),getRowConf:this.getRowConf,rowKey:"item_id",scroll:{x:1300},expandation:{isExpanded:(n,s)=>s%2==0,isExpandable:(n,s)=>s%2==0,expandRender:n=>(0,y.jsx)("div",{children:n.item_id})},onExpand:this.onExpand,size:"large"})}}return(0,y.jsx)(a,{})},z=function(){return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],datasets:[],rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},D=function(){for(var n=[],s=0;s<5;s++)n.push({id:"f-".concat(s),name:"Baby Products ".concat(s),uv:20,stock:5});class a extends o.Component{getItemStyle(n,s){var a=h({},s);return n&&(a.display="table"),a}render(){return(0,y.jsx)(m._l,{draggableId:this.props.id,index:this.props.index,children:(n,s)=>(0,y.jsx)("tr",h(h(h(h({},this.props),{},{ref:n.innerRef},n.draggableProps),n.dragHandleProps),{},{style:this.getItemStyle(s.isDragging,n.draggableProps.style)}))},this.props.id)}}class e extends o.Component{constructor(s){super(s),(0,p.Z)(this,"columns",[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}]),(0,p.Z)(this,"components",{row:a}),(0,p.Z)(this,"onDragEnd",(n=>{if(n.destination){var s=((n,s,a)=>{var p=Array.from(n),o=p.splice(s,1),e=(0,t.Z)(o,1)[0];return p.splice(a,0,e),p})(this.state.datasets,n.source.index,n.destination.index);this.setState({datasets:s})}})),this.state={datasets:n}}render(){return(0,y.jsx)(m.Z5,{onDragEnd:this.onDragEnd,children:(0,y.jsx)(m.bK,{droppableId:"droppable",children:(n,s)=>(0,y.jsx)("div",{ref:n.innerRef,children:(0,y.jsx)(c.r,{columns:this.columns,datasets:this.state.datasets,components:this.components,className:"drop-grid",rowProps:(n,s)=>({id:n.id,index:s}),size:"large"})})})})}}return(0,y.jsx)(e,{})},_=function(){for(var n=[],s=0;s<19;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),type:"type-".concat(s),company:"company-".concat(s),phone:"123342345".concat(s),stock:5,createdTime:"2018-12-11"});class a extends o.Component{constructor(...s){super(...s),(0,p.Z)(this,"state",{datasets:n}),(0,p.Z)(this,"getColumns",(()=>[{title:"Product Name",name:"name",className:"name",width:100,fixed:!0},{title:"Product Info",name:"productInfo",children:[{title:"Type",name:"type",width:200},{title:"Supplier",name:"supplier",children:[{title:"Company",name:"company",width:300},{title:"Phone",name:"phone",width:300}]}]},{title:"Stock",name:"stock",defaultText:0},{title:"Created Time",name:"createdTime",width:100,needSort:!0,fixed:"right"}])),(0,p.Z)(this,"onChange",(n=>{this.setState(h({},n))}))}render(){var n=this.state,s=n.sortBy,a=n.sortType;return(0,y.jsx)(c.r,{columns:this.getColumns(),datasets:this.state.datasets,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),bordered:!0,scroll:{x:1400,y:400},sortBy:s,sortType:a,rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(a,{})},T=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"},{title:"Created Time",name:"createdTime",width:140,fixed:"right"}],s=[],a=0;a<40;a++)s.push({id:"f-".concat(a),name:"Baby Products ".concat(a),uv:20,stock:5,createdTime:"2019-11-21"});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"onClick",(()=>{r.g.success("".concat(this.props.data.length," elements was selected"))}))}render(){return(0,y.jsx)(u.z,{className:"child-comps zent-btn",onClick:this.onClick,children:"Click"},"comp")}}class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1})}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:40,total:40,current:this.state.current},paginationType:"lite",selection:{selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{this.setState({selectedRowKeys:n})},getCheckboxProps:n=>({disabled:"Baby Products 1"===n.name})},rowKey:"id",batchRender:n=>(0,y.jsx)(t,{data:n}),stickyBatch:!0,scroll:{x:1300},size:"large"})}}return(0,y.jsx)(e,{})},E=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"Product ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],datasets:n,autoStick:!0,scroll:{x:1300,y:200},size:"large"})})},B=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:20,stock:s>1?5:null});return(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})},$=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:s>1?20:"",stock:s>1?5:null});return(0,y.jsx)(k.J,{value:{defaultText:"provider default",isValueEmpty:n=>null==n||""===n},children:(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:"column default"}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})})},G=function(){function n(){var n=(0,o.useState)((()=>{for(var n=[],s=0;s<3;s++)n.push({id:s,name:"Product ".concat(s),uv:20,price:5,sold_num:5,created_time:"2017-09-20"});return n})),s=(0,t.Z)(n,2),a=s[0],p=s[1],e=(0,o.useCallback)((n=>s=>{p((a=>a.map(((a,t)=>t===n?h(h({},a),{},{price:s}):a))))}),[]),l=(0,o.useCallback)((()=>{p((n=>n.map((n=>h(h({},n),{},{price:1242})))))}),[]),r=(0,o.useMemo)((()=>[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"UV",name:"uv",width:100,fixed:!0},{title:"Price",name:"price",bodyRender:(n,{row:s})=>(0,y.jsx)(i.Y,{value:n.price,onChange:e(s),decimal:2,min:.01,showStepper:!0})},{title:"Sold",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}]),[e]);return(0,y.jsxs)("div",{children:[(0,y.jsx)(c.r,{columns:r,datasets:a,scroll:{x:1300},size:"large"}),(0,y.jsx)(u.z,{style:{marginTop:16},onClick:l,children:"Batch Update Prices"})]})}return(0,y.jsx)(n,{})},K=function(){for(var n=[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],s=[],a=0;a<3;a++)s.push({id:"id-".concat(a),name:"Product ".concat(a),uv:20,stock:a>1?5:null});var p=()=>{var a=(0,o.useState)("medium"),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsxs)(d.Y.Group,{value:e,onChange:n=>l(n.target.value),children:[(0,y.jsx)(d.Y.Button,{value:"small",children:"small"}),(0,y.jsx)(d.Y.Button,{value:"medium",children:"medium"}),(0,y.jsx)(d.Y.Button,{value:"large",children:"large"})]}),(0,y.jsx)("div",{style:{height:20}}),(0,y.jsx)(c.r,{size:e,columns:n,datasets:s,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{}})]})};return(0,y.jsx)(p,{})};function O(n){return(0,y.jsx)(n.tag,h(h({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function I(n){return(0,y.jsx)(O,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function q(n){return(0,y.jsx)(O,{tag:"style",html:n.style})}function M(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),M(n.parentNode,s);return s}class Z extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{showCode:!1}),(0,p.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,y.jsxs)("div",{className:"zandoc-react-demo",children:[(0,y.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,y.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,y.jsx)("div",{className:"zandoc-react-demo__title",children:(0,y.jsx)("p",{children:a||""})}),(0,y.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,y.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,y.jsx)(O,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class H extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,M(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(q,{style:".drop-grid {\n overflow: visible;\n}\n\n.switch {\n\t\tmargin-bottom: 10px;\n }\n .big-size {\n \tfont-size: 20px;\n }"}),o.createElement(I,{html:'

Grid

\n

A table component. Grid is implemented using <table> tag.

\n

Demos

'}),o.createElement(Z,{title:"Simple",id:"Demosimple",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(w)),o.createElement(Z,{title:"Loading",id:"Demoloading",src:'import { Grid, Switch } from \'zent\';\n\nconst columns = [\n {\n title: \'a very very looooooooonnnnng name\',\n name: \'name\',\n width: 100,\n noWrap: true,\n },\n {\n title: \'right alignment\',\n name: \'uv\',\n textAlign: \'right\',\n width: 300,\n },\n {\n title: \'big size\',\n name: \'stock\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Demo extends React.Component {\n state = {\n loading: true,\n };\n render() {\n return (\n <div>\n <Switch\n onChange={value => this.setState({ loading: value })}\n checked={this.state.loading}\n size="small"\n className="switch"\n />\n <Grid\n columns={columns}\n datasets={datasets}\n loading={this.state.loading}\n size="large"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(Z,{title:"Pagination",id:"Demopagination",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'a very very looooooooonnnnng name\',\n name: \'name\',\n width: 100,\n noWrap: true,\n onCellClick: data => {\n console.log(data, \'data\');\n },\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'uv\',\n name: \'stock\',\n },\n];\n\n// const pageSize = 5;\n// const totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass PageInfo extends React.Component {\n state = {\n current: 1,\n pageSize: 5,\n total: 10,\n datasets,\n };\n\n onChange = ({ current, pageSize }) => {\n this.setState({\n current,\n pageSize,\n });\n };\n\n render() {\n const { current, pageSize, total } = this.state;\n return (\n <Grid\n columns={columns}\n datasets={current === 1 ? datasets : datasets2}\n pageInfo={{\n current: current,\n pageSize: pageSize,\n total: total,\n pageSizeOptions: [5, 10],\n }}\n onChange={this.onChange}\n size="large"\n ellipsis\n />\n );\n }\n}\n\nReactDOM.render(<PageInfo />, mountNode);'},o.createElement(b)),o.createElement(Z,{title:"Selection",id:"Demoselection",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n showSelection: true,\n isSingle: false,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n toggleSelection = () => {\n this.setState({\n showSelection: !this.state.showSelection,\n });\n };\n\n toggleSelectionMode = () => {\n this.setState({\n isSingle: !this.state.isSingle,\n selectedRowKeys: [this.state.selectedRowKeys[0]],\n });\n };\n\n render() {\n return (\n <>\n <Button onClick={this.toggleSelection} style={{ marginBottom: 12 }}>\n {this.state.showSelection ? \'Hide\' : \'Show\'}\n </Button>\n {this.state.showSelection && (\n <Button onClick={this.toggleSelectionMode} style={{ marginBottom: 12 }}>\n { this.state.isSingle ? \'To multiple mode\' : \'To single mode\' }\n </Button>\n )}\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={\n this.state.showSelection\n ? {\n selectedRowKeys: this.state.selectedRowKeys,\n isSingleSelection: this.state.isSingle,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n if (selectedRowKeys.length > 2) {\n Notify.error(\'You can choose up to two\');\n this.setState({\n selectedRowKeys: [].concat(this.state.selectedRowKeys),\n });\n } else {\n this.setState({\n selectedRowKeys,\n });\n }\n },\n getSelectionProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n reason: \'Reason of disabled\',\n }),\n }\n : undefined\n }\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n </>\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(v)),o.createElement(Z,{title:"SingleSelection",id:"DemosingleSelection",src:'import { Grid, Notify } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n isSingleSelection: true,\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n Notify.success(`当前选中：${JSON.stringify(currentRow)}\n selectedRows: ${JSON.stringify(selectedRows)}\n `);\n this.setState({\n selectedRowKeys,\n })\n },\n getSelectionProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n reason: \'Reason of disabled\'\n }),\n }}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(x)),o.createElement(Z,{title:"Sort",id:"Demosort",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: i * 10,\n stock: i * 5\n })\n}\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n needSort: true\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n needSort: true\n }\n];\n\n\nclass Sort extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n datasets: datasets,\n sortBy: \'name\',\n sortType: \'\'\n };\n }\n\n onChange = (conf) => {\n console.log(conf, \'conf\')\n const { sortType, sortBy } = conf;\n const { datasets } = this.state;\n let sortDatasets = datasets;\n if (sortType === \'asc\') {\n sortDatasets = datasets.sort((a, b) => a[sortBy] - b[sortBy]);\n } else if (sortType === \'desc\') {\n sortDatasets = datasets.sort((a, b) => b[sortBy] - a[sortBy]);\n }\n this.setState({ ...conf, datasets: sortDatasets });\n }\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n onChange={this.onChange}\n sortBy={this.state.sortBy}\n sortType={this.state.sortType}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Sort />\n , mountNode\n);'},o.createElement(S)),o.createElement(Z,{title:"colSpan & rowSpan",id:"Demospan",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'colSpan & rowSpan\',\n name: \'name\',\n colSpan: 2,\n width: \'200px\'\n }, {\n title: \'subtitle\',\n name: \'sub\',\n colSpan: 0,\n width: \'200px\',\n bodyRender: (data, pos) => {\n return <span>{data.sub}</span>\n }\n }, {\n title: \'uv\',\n name: \'uv\',\n bodyRender: (data, pos) => {\n const { row } = pos;\n if (row % 2 === 0) {\n return {\n props: {\n rowSpan: 2\n },\n children: <span>{data.uv}</span>\n }\n }\n if (row % 2 !== 0) {\n return {\n props: {\n rowSpan: 0\n }\n }\n }\n return <span>{data.uv}</span>\n }\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 6; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n sub: `subtitle ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nclass Span extends React.Component {\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Span />\n , mountNode\n);'},o.createElement(j)),o.createElement(Z,{title:"Horizontal scroll",id:"DemoscrollX",src:'import { Grid, NumberInput } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n {\n title: \'Number of sold products\',\n name: \'sold_num\',\n },\n {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n}\n\nfunction App() {\n const [x, setX] = React.useState(1300);\n return (\n <div>\n <NumberInput value={x} onChange={setX} integer addonAfter="px" style={{ marginBottom: 16 }} />\n <Grid columns={columns} datasets={datasets} scroll={{ x }} size="large" />\n </div>\n );\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},o.createElement(C)),o.createElement(Z,{title:"Vertical scroll",id:"DemoscrollY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n width: 150\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 150\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ y: 200 }}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(N)),o.createElement(Z,{title:"Horizontal and vertical scroll",id:"DemoscrollXY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'stock\',\n name: \'stock\'\n }, {\n title: \'Number of sold products\',\n name: \'sold_num\'\n }, {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(R)),o.createElement(Z,{title:"Flexible",id:"Demoexpand",src:'import { Grid } from \'zent\';\n\nconst datasets = [{\n item_id: \'5024217\',\n bro_uvpv: \'0/0\',\n stock_num: \'60\',\n sold_num: 0,\n}, {\n item_id: \'5024277\',\n bro_uvpv: \'0/0\',\n stock_num: 59,\n sold_num: 0,\n}, {\n item_id: \'13213123\',\n bro_uvpv: \'0/0\',\n stock_num: 159,\n sold_num: 0,\n}];\nconst columns = [{\n title: \'Product\',\n width: \'50px\',\n fixed: true,\n bodyRender: (data) => {\n return (\n <div>{data.item_id}</div>\n );\n }\n}, {\n title: \'PV\',\n name: \'bro_uvpv\',\n width: \'100px\'\n}, {\n title: \'Stock\',\n name: \'stock_num\',\n width: \'100px\'\n}, {\n title: \'Sales\',\n name: \'sold_num\',\n fixed: \'right\'\n}];\n\nclass RowClass extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n limit: 10,\n current: 0,\n total: 101,\n };\n }\n\n getRowConf(data, index) {\n return {\n canSelect: true,\n };\n }\n\n onChange(conf) {\n this.setState(conf);\n }\n\n onExpand = (conf) => {\n console.log(conf);\n }\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n onChange={this.onChange.bind(this)}\n getRowConf={this.getRowConf}\n rowKey="item_id"\n scroll={{ x: 1300 }}\n expandation={{\n isExpanded(record, index) {\n return (index % 2 === 0);\n },\n isExpandable(record, index) {\n return (index % 2 === 0);\n },\n expandRender(record) {\n return (\n <div>\n {record.item_id}\n </div>\n );\n }\n }}\n onExpand={this.onExpand}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(\n <RowClass />,\n mountNode\n);'},o.createElement(P)),o.createElement(Z,{title:"Empty grid",id:"Demoempty",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={[]}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(z)),o.createElement(Z,{title:"Drop sort",id:"Demodrop",src:'import { Grid } from \'zent\';\nimport ReactDOM from \'react-dom\';\nimport { DragDropContext, Droppable, Draggable } from \'react-beautiful-dnd\'; // 建议此库的版本大于 9.0.0\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nconst reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nclass BodyRow extends React.Component {\n getItemStyle(isDragging, draggableStyle) {\n const style = {\n ...draggableStyle\n }\n\n if(isDragging) {\n style.display = \'table\';\n }\n\n return style;\n }\n\n render() {\n return (<Draggable key={this.props.id} draggableId={this.props.id} index={this.props.index}>\n {(provided, snapshot) => {\n return (<tr\n {...this.props}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n style={this.getItemStyle(\n snapshot.isDragging,\n provided.draggableProps.style\n )}\n />);\n }}\n </Draggable>)\n }\n}\n\nclass Drap extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n datasets\n };\n }\n\n columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n ]\n\n components = {\n row: BodyRow\n }\n\n onDragEnd = (result) => {\n if (!result.destination) {\n return;\n }\n\n const datasets = reorder(\n this.state.datasets,\n result.source.index,\n result.destination.index\n );\n\n console.log(datasets, this.state.datasets, \'-------\');\n\n this.setState({\n datasets,\n });\n }\n\n render() {\n return (\n <DragDropContext onDragEnd={this.onDragEnd}>\n <Droppable droppableId="droppable">\n {(provided, snapshot) => (\n <div ref={provided.innerRef}>\n <Grid\n columns={this.columns}\n datasets={this.state.datasets}\n components={this.components}\n className="drop-grid"\n rowProps={(data, index) => ({\n id: data.id,\n index\n })}\n size="large"\n />\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n }\n};\n\nReactDOM.render(\n <Drap />\n , mountNode\n);'},o.createElement(D)),o.createElement(Z,{title:"Header Group",id:"DemoheaderGroup",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 19; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n type: `type-${i}`,\n company: `company-${i}`,\n phone: `123342345${i}`,\n stock: 5,\n createdTime: \'2018-12-11\'\n });\n}\n\nclass HeaderGroup extends React.Component {\n state = {\n datasets\n }\n\n getColumns = () => {\n return [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'Product Info\',\n name: \'productInfo\',\n children: [\n {\n title: \'Type\',\n name: \'type\',\n width: 200,\n },\n {\n title: \'Supplier\',\n name: \'supplier\',\n children: [\n {\n title: \'Company\',\n name: \'company\',\n width: 300,\n },\n {\n title: \'Phone\',\n name: \'phone\',\n width: 300,\n },\n ]\n },\n ],\n },\n {\n title: \'Stock\',\n name: \'stock\',\n defaultText: 0,\n },\n {\n title: \'Created Time\',\n name: \'createdTime\',\n width: 100,\n needSort: true,\n fixed: \'right\',\n }\n ];\n }\n\n onChange = conf => {\n console.log(conf, \'conf\');\n this.setState({\n ...conf\n });\n };\n\n render() {\n const { sortBy, sortType } = this.state;\n return (\n <Grid\n columns={this.getColumns()}\n datasets={this.state.datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n bordered\n scroll={{ x: 1400, y: 400 }}\n sortBy={sortBy}\n sortType={sortType}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <HeaderGroup />\n , mountNode\n);'},o.createElement(_)),o.createElement(Z,{title:"Batch Components",id:"Demobatch",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n {\n title: \'Created Time\',\n name: \'createdTime\',\n width: 140,\n fixed: \'right\',\n }\n];\n\nconst pageSize = 40;\nconst totalItem = 40;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 40; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n createdTime: \'2019-11-21\'\n });\n}\n\nclass Customer extends React.Component {\n onClick = () => {\n Notify.success(`${this.props.data.length} elements was selected`);\n };\n\n render() {\n return (\n <Button\n key="comp"\n className="child-comps zent-btn"\n onClick={this.onClick}\n >\n Click\n </Button>\n );\n }\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n this.setState({\n selectedRowKeys,\n });\n },\n getCheckboxProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n }),\n }}\n rowKey="id"\n batchRender={data => <Customer data={data} /> }\n stickyBatch\n scroll={{x: 1300}}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(T)),o.createElement(Z,{title:"Stick Header",id:"DemoautoStick",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'stock\',\n name: \'stock\'\n }, {\n title: \'Number of sold products\',\n name: \'sold_num\'\n }, {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n autoStick\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(E)),o.createElement(Z,{title:"Disable Hover Highlight",id:"Demodisablehoverhighlight",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n , mountNode\n);'},o.createElement(B)),o.createElement(Z,{title:"ColumnProvider",id:"DemocolumnProvider",src:'import { Grid, GridColumnProvider } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n defaultText: \'column default\'\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: i > 1 ? 20 : \'\',\n stock: i > 1 ? 5 : null,\n });\n}\n\nReactDOM.render(\n <GridColumnProvider\n value={{\n defaultText: \'provider default\',\n isValueEmpty: value => value == null || value === \'\',\n }}\n >\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n </GridColumnProvider>,\n mountNode\n);'},o.createElement($)),o.createElement(Z,{title:"Editable cell",id:"Demoeditable",src:'import { Grid, NumberInput, Button } from \'zent\';\nimport { useCallback, useState, useMemo } from \'react\';\n\nfunction App() {\n const [datasets, setDatasets] = useState(() => {\n const datasets = [];\n\n for (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n price: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n }\n return datasets;\n });\n\n const onPriceChange = useCallback(\n rowIndex => val => {\n setDatasets(prev => {\n return prev.map((row, idx) => {\n if (idx === rowIndex) {\n return {\n ...row,\n price: val,\n };\n }\n\n return row;\n });\n });\n },\n []\n );\n\n const onBatchChange = useCallback(() => {\n setDatasets(prev => {\n return prev.map(row => {\n return {\n ...row,\n price: 1242,\n };\n });\n });\n }, []);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'UV\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'Price\',\n name: \'price\',\n bodyRender(data, { row }) {\n return (\n <NumberInput\n value={data.price}\n onChange={onPriceChange(row)}\n decimal={2}\n min={0.01}\n showStepper\n />\n );\n },\n },\n {\n title: \'Sold\',\n name: \'sold_num\',\n },\n {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n ];\n }, [onPriceChange]);\n\n return (\n <div>\n <Grid columns={columns} datasets={datasets} scroll={{ x: 1300 }} size="large" />\n <Button style={{ marginTop: 16 }} onClick={onBatchChange}>\n Batch Update Prices\n </Button>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(G)),o.createElement(Z,{title:"Different size",id:"Demosize",src:'import { Grid, Radio } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nconst Demo = () => {\n const [size, setSize] = useState(\'medium\');\n\n return (<div>\n <Radio.Group value={size} onChange={(e) => setSize(e.target.value)}>\n <Radio.Button value="small">small</Radio.Button>\n <Radio.Button value="medium">medium</Radio.Button>\n <Radio.Button value="large">large</Radio.Button>\n </Radio.Group>\n <div style={{height: 20}}></div>\n <Grid\n size={size}\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n />\n </div>);\n}\n\nReactDOM.render(\n <Demo />\n , mountNode\n);'},o.createElement(K)),o.createElement(I,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescripitionTypeDefaultRequired
columnscolumnsarrayYes
datasetsData to be displayedarrayYes
rowKeyKey for each rowstringidNo
tableLayoutSet table-layout property of table- \n|\n \'auto\' \n|\n \'fixed\'No
onChangeCallback fires when columns change, filtering and sorting included(conf: any) => anynoopNo
scrollCan be scrolled in x/y direction, x or y can be a number that indicates the width and height of table body{ x?: number, y?: number }No
sortByThe field which rows are sorted by, should be one of keys for columnsstring\'\'No
sortTypeThe way to sortstring\'\'No
defaultSortTypeThe way to sort when first clickstring\'desc\'No
emptyLabelText to be displayed when there\'s no datastring\'No data\'No
selectionConfiguration for selectionobjectNo
expandationExpand configurationobjectno
loadingDetermines whether data is being loaded or notboolfalseNo
classNameExtra custom class namestring\'\'No
rowClassNameClass name for rowstring \n|\n (data: object, rowIndex: number) => string\'\'No
pageInfoPagination informationobjectnullNo
paginationTypePagination type, \n\'default\'\n \n|\n \n\'lite\'\n \n|\n \n\'mini\'string\'default\'No
onRowClickCallback fires when a row is clicked(data: any, index: number, event: Event) => anyNo
ellipsisWhether ellipsis should be displayed when content overflows (noWrap of columns needs to be set)boolfalseNo
onExpandCallback fires when the row expand icon is clicked(data: {expanded: boolean, data: any, event: Event, index: number}) => anyNo
componentsCustom table elementobject { row?: ComponentType }No
rowPropsCustom row props(data: any, index: number) => objectNo
borderedWhether to display the outer border and column borderboolfalseNo
batchRenderRender batch operations(data: array, position?: \'header\' \n|\n \'foot\') => React.ReactNodeNo
stickyBatchAutomatically stick batch operationboolfalseNo
autoStickWhether to stick the head to the window automaticallyboolfalseNo
autoStickOffsetTopCustom offset of sticky headnumberfalseNo
disableHoverHighlightWhether to disable mouse hover highlightingbooleanfalseNo
loadingPropsAll props in \nBlockLoading\n, exclude \nloadingOmit<IBlockLoadingProps, \'loading\'>-No
sizeTable Sizestring\'medium\'No
\n

onChange function declaration

\n

onChange will throw an object, which includes parameters about the change part of pagination.

\n
{\n  current, // {Number} the current page\n  sortBy, // {String} the key which rows are sorted according to\n  sortType, // {String} [\'asc\', \'desc\', \'\'] the way to sort\n  pageSize, // {Number} page size\n}
\n

Columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
titlecolumn titleReactNodeYes
namekey for the corresponding data(recommended to be set).stringNo
widthcolumn widthstring \n|\n numberNo
bodyRenderRender complex component((data: any, pos: {row: number, column: number, fixed?: \'left\' \n|\n \'right\'}, name: string) => ReactNode) \n|\n ReactNodeNo
classNameclass name of the column titlestringNo
needSortwhether to support sortingboolNo
colSpanspan of columns. It won\'t be rendered if the value is set to 0numberNo
fixedwhether columns fixed or not. The value can be \nleft\n \nright\n \ntrue\n (\ntrue\n is same to \nleft\n)bool \n|\n strigNo
onCellClickcallback fires when a cell is clicked(data: any, event: Event) => anyNo
textAlignText alignmentstringNo
noWrapDon\'t wrap textboolNo
defaultTextDefault display textReactNodeNo
childrenRender grouping table headersarrayNo
isValueEmptyCallback to test whether show the default text(value: any) => booleanNo
\n

Selection

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
selectedRowKeyskeys of selected rows by defaultarrayNo
onSelectcallback fires when a check changes(selectedkeys: string[], selectedRows: Array\n, changeRow: anyany[]) => anyNo
getCheckboxPropsDepreciated use getSelectionProps\n function to get properties of the checkbox/radio(data: object) => { disabled?: boolean, reason?: ReactNode }No
getSelectionPropsfunction to get properties of the checkbox/radio(data: object) => { disabled?: boolean, reason?: ReactNode }No
isSingleSelectionRadio or notboolNo
\n

GridColumnProvider

\n

Support all columns props.

\n

pageInfo

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
totalTotal number of itemsnumberNo
pageSizeNumber of items to be displayed per pagenumberNo
pageSizeOptionsPage size optionsnumber[]No
currentcurrent pagenumberNo
\n

Expandation

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultRequired
isExpandedWhether to expand the current row(record: any, index: number) => booleanno
isExpandableWhether to display the expand icon of current row(record: any, index: number) => booleanno
expandRenderRender function of expanded row\'s additional content(data: any) => ReactNodeno
'}))}}},62640:(n,s,a)=>{"use strict";a.d(s,{J:()=>t});var t=a(78193).E.Provider},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(1348),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.toggle=function(){var n=s.props,a=n.onChange,t=n.checked;a&&a(!t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.className,t=s.size,o=s.disabled,e=void 0===o?this.context.value:o,l=s.loading,u=s.checked,r=e||l,i=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:i,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(o.Component);s.Z=u}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7950],{37950:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>H});var t=a(73118),p=a(73450),o=a(27378),e=a(57318),c=a(26317),l=a(56377),u=a(3454),r=a(23476),i=a(80964),k=a(62640),d=a(71457),m=(a(31542),a(42694)),y=a(24246);function g(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function h(n){for(var s=1;s1?5:null});return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},f=function(){for(var n=[{title:"a very very looooooooonnnnng name",name:"name",width:100,noWrap:!0},{title:"right alignment",name:"uv",textAlign:"right",width:300},{title:"big size",name:"stock"}],s=[],a=0;a<3;a++)s.push({id:a,name:"Product ".concat(a),uv:20,stock:5});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{loading:!0})}render(){return(0,y.jsxs)("div",{children:[(0,y.jsx)(l.r,{onChange:n=>this.setState({loading:n}),checked:this.state.loading,size:"small",className:"switch"}),(0,y.jsx)(c.r,{columns:n,datasets:s,loading:this.state.loading,size:"large"})]})}}return(0,y.jsx)(t,{})},b=function(){for(var n=[{title:"a very very looooooooonnnnng name",name:"name",width:100,noWrap:!0,onCellClick:n=>{}},{title:"uv",name:"uv"},{title:"uv",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{current:1,pageSize:5,total:10,datasets:s}),(0,p.Z)(this,"onChange",(({current:n,pageSize:s})=>{this.setState({current:n,pageSize:s})}))}render(){var t=this.state,p=t.current,o=t.pageSize,e=t.total;return(0,y.jsx)(c.r,{columns:n,datasets:1===p?s:a,pageInfo:{current:p,pageSize:o,total:e,pageSizeOptions:[5,10]},onChange:this.onChange,size:"large",ellipsis:!0})}}return(0,y.jsx)(e,{})},v=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1,showSelection:!0,isSingle:!1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})})),(0,p.Z)(this,"toggleSelection",(()=>{this.setState({showSelection:!this.state.showSelection})})),(0,p.Z)(this,"toggleSelectionMode",(()=>{this.setState({isSingle:!this.state.isSingle,selectedRowKeys:[this.state.selectedRowKeys[0]]})}))}render(){return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u.z,{onClick:this.toggleSelection,style:{marginBottom:12},children:this.state.showSelection?"Hide":"Show"}),this.state.showSelection&&(0,y.jsx)(u.z,{onClick:this.toggleSelectionMode,style:{marginBottom:12},children:this.state.isSingle?"To multiple mode":"To single mode"}),(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:this.state.showSelection?{selectedRowKeys:this.state.selectedRowKeys,isSingleSelection:this.state.isSingle,onSelect:(n,s,a)=>{n.length>2?(r.g.error("You can choose up to two"),this.setState({selectedRowKeys:[].concat(this.state.selectedRowKeys)})):this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"Baby Products 1"===n.name,reason:"Reason of disabled"})}:void 0,rowKey:"id",onChange:this.onChange,size:"large"})]})}}return(0,y.jsx)(e,{})},x=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],s=[],a=[],t=0;t<5;t++)s.push({id:"f-".concat(t),name:"Baby Products ".concat(t),uv:20,stock:5}),a.push({id:"s-".concat(t),name:"Pet Products ".concat(t),uv:20,stock:5});class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1}),(0,p.Z)(this,"onChange",(({current:n})=>{this.setState({current:n,datasets:1===n?s:a})}))}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:5,total:10,current:this.state.current},paginationType:"lite",selection:{isSingleSelection:!0,selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{r.g.success("当前选中：".concat(JSON.stringify(a),"\n selectedRows: ").concat(JSON.stringify(s),"\n ")),this.setState({selectedRowKeys:n})},getSelectionProps:n=>({disabled:"Baby Products 1"===n.name,reason:"Reason of disabled"})},rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(e,{})},S=function(){for(var n=[],s=0;s<3;s++)n.push({id:s,name:"Product ".concat(s),uv:10*s,stock:5*s});var a=[{title:"Product Name",name:"name",needSort:!0},{title:"uv",name:"uv"},{title:"stock",name:"stock",needSort:!0}];class t extends o.Component{constructor(s){super(s),(0,p.Z)(this,"onChange",(n=>{var s=n.sortType,a=n.sortBy,t=this.state.datasets,p=t;"asc"===s?p=t.sort(((n,s)=>n[a]-s[a])):"desc"===s&&(p=t.sort(((n,s)=>s[a]-n[a]))),this.setState(h(h({},n),{},{datasets:p}))})),this.state={datasets:n,sortBy:"name",sortType:""}}render(){return(0,y.jsx)(c.r,{columns:a,datasets:this.state.datasets,onChange:this.onChange,sortBy:this.state.sortBy,sortType:this.state.sortType,size:"large"})}}return(0,y.jsx)(t,{})},j=function(){for(var n=[{title:"colSpan & rowSpan",name:"name",colSpan:2,width:"200px"},{title:"subtitle",name:"sub",colSpan:0,width:"200px",bodyRender:(n,s)=>(0,y.jsx)("span",{children:n.sub})},{title:"uv",name:"uv",bodyRender:(n,s)=>{var a=s.row;return a%2==0?{props:{rowSpan:2},children:(0,y.jsx)("span",{children:n.uv})}:a%2!=0?{props:{rowSpan:0}}:(0,y.jsx)("span",{children:n.uv})}},{title:"stock",name:"stock"}],s=[],a=0;a<6;a++)s.push({id:a,name:"Product ".concat(a),sub:"subtitle ".concat(a),uv:20,stock:5});class t extends o.Component{render(){return(0,y.jsx)(c.r,{columns:n,datasets:s,size:"large"})}}return(0,y.jsx)(t,{})},C=function(){for(var n=[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],s=[],a=0;a<3;a++)s.push({id:a,name:"Product ".concat(a),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});function p(){var a=o.useState(1300),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsx)(i.Y,{value:e,onChange:l,integer:!0,addonAfter:"px",style:{marginBottom:16}}),(0,y.jsx)(c.r,{columns:n,datasets:s,scroll:{x:e},size:"large"})]})}return(0,y.jsx)(p,{})},N=function(){for(var n=[],s=0;s<5;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:20,stock:5});return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name",width:150},{title:"uv",name:"uv",width:150},{title:"stock",name:"stock"}],datasets:n,scroll:{y:200},rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},R=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"Product ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],datasets:n,scroll:{x:1300,y:200},size:"large"})})},P=function(){var n=[{item_id:"5024217",bro_uvpv:"0/0",stock_num:"60",sold_num:0},{item_id:"5024277",bro_uvpv:"0/0",stock_num:59,sold_num:0},{item_id:"13213123",bro_uvpv:"0/0",stock_num:159,sold_num:0}],s=[{title:"Product",width:"50px",fixed:!0,bodyRender:n=>(0,y.jsx)("div",{children:n.item_id})},{title:"PV",name:"bro_uvpv",width:"100px"},{title:"Stock",name:"stock_num",width:"100px"},{title:"Sales",name:"sold_num",fixed:"right"}];class a extends o.Component{constructor(n){super(n),(0,p.Z)(this,"onExpand",(n=>{})),this.state={limit:10,current:0,total:101}}getRowConf(n,s){return{canSelect:!0}}onChange(n){this.setState(n)}render(){return(0,y.jsx)(c.r,{columns:s,datasets:n,onChange:this.onChange.bind(this),getRowConf:this.getRowConf,rowKey:"item_id",scroll:{x:1300},expandation:{isExpanded:(n,s)=>s%2==0,isExpandable:(n,s)=>s%2==0,expandRender:n=>(0,y.jsx)("div",{children:n.item_id})},onExpand:this.onExpand,size:"large"})}}return(0,y.jsx)(a,{})},z=function(){return(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}],datasets:[],rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{},size:"large"})},D=function(){for(var n=[],s=0;s<5;s++)n.push({id:"f-".concat(s),name:"Baby Products ".concat(s),uv:20,stock:5});class a extends o.Component{getItemStyle(n,s){var a=h({},s);return n&&(a.display="table"),a}render(){return(0,y.jsx)(m._l,{draggableId:this.props.id,index:this.props.index,children:(n,s)=>(0,y.jsx)("tr",h(h(h(h({},this.props),{},{ref:n.innerRef},n.draggableProps),n.dragHandleProps),{},{style:this.getItemStyle(s.isDragging,n.draggableProps.style)}))},this.props.id)}}class e extends o.Component{constructor(s){super(s),(0,p.Z)(this,"columns",[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"}]),(0,p.Z)(this,"components",{row:a}),(0,p.Z)(this,"onDragEnd",(n=>{if(n.destination){var s=((n,s,a)=>{var p=Array.from(n),o=p.splice(s,1),e=(0,t.Z)(o,1)[0];return p.splice(a,0,e),p})(this.state.datasets,n.source.index,n.destination.index);this.setState({datasets:s})}})),this.state={datasets:n}}render(){return(0,y.jsx)(m.Z5,{onDragEnd:this.onDragEnd,children:(0,y.jsx)(m.bK,{droppableId:"droppable",children:(n,s)=>(0,y.jsx)("div",{ref:n.innerRef,children:(0,y.jsx)(c.r,{columns:this.columns,datasets:this.state.datasets,components:this.components,className:"drop-grid",rowProps:(n,s)=>({id:n.id,index:s}),size:"large"})})})})}}return(0,y.jsx)(e,{})},_=function(){for(var n=[],s=0;s<19;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),type:"type-".concat(s),company:"company-".concat(s),phone:"123342345".concat(s),stock:5,createdTime:"2018-12-11"});class a extends o.Component{constructor(...s){super(...s),(0,p.Z)(this,"state",{datasets:n}),(0,p.Z)(this,"getColumns",(()=>[{title:"Product Name",name:"name",className:"name",width:100,fixed:!0},{title:"Product Info",name:"productInfo",children:[{title:"Type",name:"type",width:200},{title:"Supplier",name:"supplier",children:[{title:"Company",name:"company",width:300},{title:"Phone",name:"phone",width:300}]}]},{title:"Stock",name:"stock",defaultText:0},{title:"Created Time",name:"createdTime",width:100,needSort:!0,fixed:"right"}])),(0,p.Z)(this,"onChange",(n=>{this.setState(h({},n))}))}render(){var n=this.state,s=n.sortBy,a=n.sortType;return(0,y.jsx)(c.r,{columns:this.getColumns(),datasets:this.state.datasets,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),bordered:!0,scroll:{x:1400,y:400},sortBy:s,sortType:a,rowKey:"id",onChange:this.onChange,size:"large"})}}return(0,y.jsx)(a,{})},T=function(){for(var n=[{title:"Product Name",name:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock"},{title:"Created Time",name:"createdTime",width:140,fixed:"right"}],s=[],a=0;a<40;a++)s.push({id:"f-".concat(a),name:"Baby Products ".concat(a),uv:20,stock:5,createdTime:"2019-11-21"});class t extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"onClick",(()=>{r.g.success("".concat(this.props.data.length," elements was selected"))}))}render(){return(0,y.jsx)(u.z,{className:"child-comps zent-btn",onClick:this.onClick,children:"Click"},"comp")}}class e extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{selectedRowKeys:["f-0"],datasets:s,current:1})}render(){return(0,y.jsx)(c.r,{columns:n,datasets:this.state.datasets,pageInfo:{pageSize:40,total:40,current:this.state.current},paginationType:"lite",selection:{selectedRowKeys:this.state.selectedRowKeys,onSelect:(n,s,a)=>{this.setState({selectedRowKeys:n})},getCheckboxProps:n=>({disabled:"Baby Products 1"===n.name})},rowKey:"id",batchRender:n=>(0,y.jsx)(t,{data:n}),stickyBatch:!0,scroll:{x:1300},size:"large"})}}return(0,y.jsx)(e,{})},E=function(){for(var n=[],s=0;s<5;s++)n.push({id:s,name:"Product ".concat(s),uv:20,stock:5,sold_num:5,created_time:"2017-09-20"});return(0,y.jsx)("div",{children:(0,y.jsx)(c.r,{columns:[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"uv",name:"uv",width:100,fixed:!0},{title:"stock",name:"stock"},{title:"Number of sold products",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}],datasets:n,autoStick:!0,scroll:{x:1300,y:200},size:"large"})})},B=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:20,stock:s>1?5:null});return(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})},$=function(){for(var n=[],s=0;s<3;s++)n.push({id:"id-".concat(s),name:"Product ".concat(s),uv:s>1?20:"",stock:s>1?5:null});return(0,y.jsx)(k.J,{value:{defaultText:"provider default",isValueEmpty:n=>null==n||""===n},children:(0,y.jsx)(c.r,{disableHoverHighlight:!0,columns:[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:"column default"}],datasets:n,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),size:"large"})})},G=function(){function n(){var n=(0,o.useState)((()=>{for(var n=[],s=0;s<3;s++)n.push({id:s,name:"Product ".concat(s),uv:20,price:5,sold_num:5,created_time:"2017-09-20"});return n})),s=(0,t.Z)(n,2),a=s[0],p=s[1],e=(0,o.useCallback)((n=>s=>{p((a=>a.map(((a,t)=>t===n?h(h({},a),{},{price:s}):a))))}),[]),l=(0,o.useCallback)((()=>{p((n=>n.map((n=>h(h({},n),{},{price:1242})))))}),[]),r=(0,o.useMemo)((()=>[{title:"Product Name",name:"name",width:100,fixed:!0},{title:"UV",name:"uv",width:100,fixed:!0},{title:"Price",name:"price",bodyRender:(n,{row:s})=>(0,y.jsx)(i.Y,{value:n.price,onChange:e(s),decimal:2,min:.01,showStepper:!0})},{title:"Sold",name:"sold_num"},{title:"Created Time",name:"created_time",width:100,fixed:"right"}]),[e]);return(0,y.jsxs)("div",{children:[(0,y.jsx)(c.r,{columns:r,datasets:a,scroll:{x:1300},size:"large"}),(0,y.jsx)(u.z,{style:{marginTop:16},onClick:l,children:"Batch Update Prices"})]})}return(0,y.jsx)(n,{})},K=function(){for(var n=[{title:"Product Name",name:"name",className:"name"},{title:"uv",name:"uv"},{title:"stock",name:"stock",defaultText:0}],s=[],a=0;a<3;a++)s.push({id:"id-".concat(a),name:"Product ".concat(a),uv:20,stock:a>1?5:null});var p=()=>{var a=(0,o.useState)("medium"),p=(0,t.Z)(a,2),e=p[0],l=p[1];return(0,y.jsxs)("div",{children:[(0,y.jsxs)(d.Y.Group,{value:e,onChange:n=>l(n.target.value),children:[(0,y.jsx)(d.Y.Button,{value:"small",children:"small"}),(0,y.jsx)(d.Y.Button,{value:"medium",children:"medium"}),(0,y.jsx)(d.Y.Button,{value:"large",children:"large"})]}),(0,y.jsx)("div",{style:{height:20}}),(0,y.jsx)(c.r,{size:e,columns:n,datasets:s,rowClassName:(n,s)=>"".concat(n.id,"-").concat(s),onRowClick:(n,s,a)=>{}})]})};return(0,y.jsx)(p,{})};function O(n){return(0,y.jsx)(n.tag,h(h({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function I(n){return(0,y.jsx)(O,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function q(n){return(0,y.jsx)(O,{tag:"style",html:n.style})}function M(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),M(n.parentNode,s);return s}class Z extends o.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{showCode:!1}),(0,p.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,y.jsxs)("div",{className:"zandoc-react-demo",children:[(0,y.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,y.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,y.jsx)("div",{className:"zandoc-react-demo__title",children:(0,y.jsx)("p",{children:a||""})}),(0,y.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,y.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,y.jsx)(O,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class H extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,M(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(q,{style:".drop-grid {\n overflow: visible;\n}\n\n.switch {\n\t\tmargin-bottom: 10px;\n }\n .big-size {\n \tfont-size: 20px;\n }"}),o.createElement(I,{html:'

Grid

\n

A table component. Grid is implemented using <table> tag.

\n

Demos

'}),o.createElement(Z,{title:"Simple",id:"Demosimple",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(w)),o.createElement(Z,{title:"Loading",id:"Demoloading",src:'import { Grid, Switch } from \'zent\';\n\nconst columns = [\n {\n title: \'a very very looooooooonnnnng name\',\n name: \'name\',\n width: 100,\n noWrap: true,\n },\n {\n title: \'right alignment\',\n name: \'uv\',\n textAlign: \'right\',\n width: 300,\n },\n {\n title: \'big size\',\n name: \'stock\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Demo extends React.Component {\n state = {\n loading: true,\n };\n render() {\n return (\n <div>\n <Switch\n onChange={value => this.setState({ loading: value })}\n checked={this.state.loading}\n size="small"\n className="switch"\n />\n <Grid\n columns={columns}\n datasets={datasets}\n loading={this.state.loading}\n size="large"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(Z,{title:"Pagination",id:"Demopagination",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'a very very looooooooonnnnng name\',\n name: \'name\',\n width: 100,\n noWrap: true,\n onCellClick: data => {\n console.log(data, \'data\');\n },\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'uv\',\n name: \'stock\',\n },\n];\n\n// const pageSize = 5;\n// const totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass PageInfo extends React.Component {\n state = {\n current: 1,\n pageSize: 5,\n total: 10,\n datasets,\n };\n\n onChange = ({ current, pageSize }) => {\n this.setState({\n current,\n pageSize,\n });\n };\n\n render() {\n const { current, pageSize, total } = this.state;\n return (\n <Grid\n columns={columns}\n datasets={current === 1 ? datasets : datasets2}\n pageInfo={{\n current: current,\n pageSize: pageSize,\n total: total,\n pageSizeOptions: [5, 10],\n }}\n onChange={this.onChange}\n size="large"\n ellipsis\n />\n );\n }\n}\n\nReactDOM.render(<PageInfo />, mountNode);'},o.createElement(b)),o.createElement(Z,{title:"Selection",id:"Demoselection",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n showSelection: true,\n isSingle: false,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n toggleSelection = () => {\n this.setState({\n showSelection: !this.state.showSelection,\n });\n };\n\n toggleSelectionMode = () => {\n this.setState({\n isSingle: !this.state.isSingle,\n selectedRowKeys: [this.state.selectedRowKeys[0]],\n });\n };\n\n render() {\n return (\n <>\n <Button onClick={this.toggleSelection} style={{ marginBottom: 12 }}>\n {this.state.showSelection ? \'Hide\' : \'Show\'}\n </Button>\n {this.state.showSelection && (\n <Button onClick={this.toggleSelectionMode} style={{ marginBottom: 12 }}>\n { this.state.isSingle ? \'To multiple mode\' : \'To single mode\' }\n </Button>\n )}\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={\n this.state.showSelection\n ? {\n selectedRowKeys: this.state.selectedRowKeys,\n isSingleSelection: this.state.isSingle,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n if (selectedRowKeys.length > 2) {\n Notify.error(\'You can choose up to two\');\n this.setState({\n selectedRowKeys: [].concat(this.state.selectedRowKeys),\n });\n } else {\n this.setState({\n selectedRowKeys,\n });\n }\n },\n getSelectionProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n reason: \'Reason of disabled\',\n }),\n }\n : undefined\n }\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n </>\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(v)),o.createElement(Z,{title:"SingleSelection",id:"DemosingleSelection",src:'import { Grid, Notify } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n];\n\nconst pageSize = 5;\nconst totalItem = 10;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n });\n datasets2.push({\n id: `s-${i}`,\n name: `Pet Products ${i}`,\n uv: 20,\n stock: 5,\n });\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n onChange = ({ current }) => {\n this.setState({\n current,\n datasets: current === 1 ? datasets : datasets2,\n });\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n isSingleSelection: true,\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n Notify.success(`当前选中：${JSON.stringify(currentRow)}\n selectedRows: ${JSON.stringify(selectedRows)}\n `);\n this.setState({\n selectedRowKeys,\n })\n },\n getSelectionProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n reason: \'Reason of disabled\'\n }),\n }}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(x)),o.createElement(Z,{title:"Sort",id:"Demosort",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: i * 10,\n stock: i * 5\n })\n}\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n needSort: true\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n needSort: true\n }\n];\n\n\nclass Sort extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n datasets: datasets,\n sortBy: \'name\',\n sortType: \'\'\n };\n }\n\n onChange = (conf) => {\n console.log(conf, \'conf\')\n const { sortType, sortBy } = conf;\n const { datasets } = this.state;\n let sortDatasets = datasets;\n if (sortType === \'asc\') {\n sortDatasets = datasets.sort((a, b) => a[sortBy] - b[sortBy]);\n } else if (sortType === \'desc\') {\n sortDatasets = datasets.sort((a, b) => b[sortBy] - a[sortBy]);\n }\n this.setState({ ...conf, datasets: sortDatasets });\n }\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n onChange={this.onChange}\n sortBy={this.state.sortBy}\n sortType={this.state.sortType}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Sort />\n , mountNode\n);'},o.createElement(S)),o.createElement(Z,{title:"colSpan & rowSpan",id:"Demospan",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'colSpan & rowSpan\',\n name: \'name\',\n colSpan: 2,\n width: \'200px\'\n }, {\n title: \'subtitle\',\n name: \'sub\',\n colSpan: 0,\n width: \'200px\',\n bodyRender: (data, pos) => {\n return <span>{data.sub}</span>\n }\n }, {\n title: \'uv\',\n name: \'uv\',\n bodyRender: (data, pos) => {\n const { row } = pos;\n if (row % 2 === 0) {\n return {\n props: {\n rowSpan: 2\n },\n children: <span>{data.uv}</span>\n }\n }\n if (row % 2 !== 0) {\n return {\n props: {\n rowSpan: 0\n }\n }\n }\n return <span>{data.uv}</span>\n }\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 6; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n sub: `subtitle ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nclass Span extends React.Component {\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <Span />\n , mountNode\n);'},o.createElement(j)),o.createElement(Z,{title:"Horizontal scroll",id:"DemoscrollX",src:'import { Grid, NumberInput } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n {\n title: \'Number of sold products\',\n name: \'sold_num\',\n },\n {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n}\n\nfunction App() {\n const [x, setX] = React.useState(1300);\n return (\n <div>\n <NumberInput value={x} onChange={setX} integer addonAfter="px" style={{ marginBottom: 16 }} />\n <Grid columns={columns} datasets={datasets} scroll={{ x }} size="large" />\n </div>\n );\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},o.createElement(C)),o.createElement(Z,{title:"Vertical scroll",id:"DemoscrollY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n width: 150\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 150\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ y: 200 }}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(N)),o.createElement(Z,{title:"Horizontal and vertical scroll",id:"DemoscrollXY",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'stock\',\n name: \'stock\'\n }, {\n title: \'Number of sold products\',\n name: \'sold_num\'\n }, {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(R)),o.createElement(Z,{title:"Flexible",id:"Demoexpand",src:'import { Grid } from \'zent\';\n\nconst datasets = [{\n item_id: \'5024217\',\n bro_uvpv: \'0/0\',\n stock_num: \'60\',\n sold_num: 0,\n}, {\n item_id: \'5024277\',\n bro_uvpv: \'0/0\',\n stock_num: 59,\n sold_num: 0,\n}, {\n item_id: \'13213123\',\n bro_uvpv: \'0/0\',\n stock_num: 159,\n sold_num: 0,\n}];\nconst columns = [{\n title: \'Product\',\n width: \'50px\',\n fixed: true,\n bodyRender: (data) => {\n return (\n <div>{data.item_id}</div>\n );\n }\n}, {\n title: \'PV\',\n name: \'bro_uvpv\',\n width: \'100px\'\n}, {\n title: \'Stock\',\n name: \'stock_num\',\n width: \'100px\'\n}, {\n title: \'Sales\',\n name: \'sold_num\',\n fixed: \'right\'\n}];\n\nclass RowClass extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n limit: 10,\n current: 0,\n total: 101,\n };\n }\n\n getRowConf(data, index) {\n return {\n canSelect: true,\n };\n }\n\n onChange(conf) {\n this.setState(conf);\n }\n\n onExpand = (conf) => {\n console.log(conf);\n }\n render() {\n return (\n <Grid\n columns={columns}\n datasets={datasets}\n onChange={this.onChange.bind(this)}\n getRowConf={this.getRowConf}\n rowKey="item_id"\n scroll={{ x: 1300 }}\n expandation={{\n isExpanded(record, index) {\n return (index % 2 === 0);\n },\n isExpandable(record, index) {\n return (index % 2 === 0);\n },\n expandRender(record) {\n return (\n <div>\n {record.item_id}\n </div>\n );\n }\n }}\n onExpand={this.onExpand}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(\n <RowClass />,\n mountNode\n);'},o.createElement(P)),o.createElement(Z,{title:"Empty grid",id:"Demoempty",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n];\n\nReactDOM.render(\n <Grid\n columns={columns}\n datasets={[]}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n size="large"\n />\n , mountNode\n);'},o.createElement(z)),o.createElement(Z,{title:"Drop sort",id:"Demodrop",src:'import { Grid } from \'zent\';\nimport ReactDOM from \'react-dom\';\nimport { DragDropContext, Droppable, Draggable } from \'react-beautiful-dnd\'; // 建议此库的版本大于 9.0.0\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5\n })\n}\n\nconst reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nclass BodyRow extends React.Component {\n getItemStyle(isDragging, draggableStyle) {\n const style = {\n ...draggableStyle\n }\n\n if(isDragging) {\n style.display = \'table\';\n }\n\n return style;\n }\n\n render() {\n return (<Draggable key={this.props.id} draggableId={this.props.id} index={this.props.index}>\n {(provided, snapshot) => {\n return (<tr\n {...this.props}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n style={this.getItemStyle(\n snapshot.isDragging,\n provided.draggableProps.style\n )}\n />);\n }}\n </Draggable>)\n }\n}\n\nclass Drap extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n datasets\n };\n }\n\n columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\'\n }\n ]\n\n components = {\n row: BodyRow\n }\n\n onDragEnd = (result) => {\n if (!result.destination) {\n return;\n }\n\n const datasets = reorder(\n this.state.datasets,\n result.source.index,\n result.destination.index\n );\n\n console.log(datasets, this.state.datasets, \'-------\');\n\n this.setState({\n datasets,\n });\n }\n\n render() {\n return (\n <DragDropContext onDragEnd={this.onDragEnd}>\n <Droppable droppableId="droppable">\n {(provided, snapshot) => (\n <div ref={provided.innerRef}>\n <Grid\n columns={this.columns}\n datasets={this.state.datasets}\n components={this.components}\n className="drop-grid"\n rowProps={(data, index) => ({\n id: data.id,\n index\n })}\n size="large"\n />\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n }\n};\n\nReactDOM.render(\n <Drap />\n , mountNode\n);'},o.createElement(D)),o.createElement(Z,{title:"Header Group",id:"DemoheaderGroup",src:'import { Grid } from \'zent\';\n\nconst datasets = [];\n\nfor (let i = 0; i < 19; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n type: `type-${i}`,\n company: `company-${i}`,\n phone: `123342345${i}`,\n stock: 5,\n createdTime: \'2018-12-11\'\n });\n}\n\nclass HeaderGroup extends React.Component {\n state = {\n datasets\n }\n\n getColumns = () => {\n return [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'Product Info\',\n name: \'productInfo\',\n children: [\n {\n title: \'Type\',\n name: \'type\',\n width: 200,\n },\n {\n title: \'Supplier\',\n name: \'supplier\',\n children: [\n {\n title: \'Company\',\n name: \'company\',\n width: 300,\n },\n {\n title: \'Phone\',\n name: \'phone\',\n width: 300,\n },\n ]\n },\n ],\n },\n {\n title: \'Stock\',\n name: \'stock\',\n defaultText: 0,\n },\n {\n title: \'Created Time\',\n name: \'createdTime\',\n width: 100,\n needSort: true,\n fixed: \'right\',\n }\n ];\n }\n\n onChange = conf => {\n console.log(conf, \'conf\');\n this.setState({\n ...conf\n });\n };\n\n render() {\n const { sortBy, sortType } = this.state;\n return (\n <Grid\n columns={this.getColumns()}\n datasets={this.state.datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n bordered\n scroll={{ x: 1400, y: 400 }}\n sortBy={sortBy}\n sortType={sortType}\n rowKey="id"\n onChange={this.onChange}\n size="large"\n />\n );\n }\n};\n\nReactDOM.render(\n <HeaderGroup />\n , mountNode\n);'},o.createElement(_)),o.createElement(Z,{title:"Batch Components",id:"Demobatch",src:'import { Grid, Notify, Button } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n },\n {\n title: \'Created Time\',\n name: \'createdTime\',\n width: 140,\n fixed: \'right\',\n }\n];\n\nconst pageSize = 40;\nconst totalItem = 40;\n\nconst datasets = [];\nconst datasets2 = [];\n\nfor (let i = 0; i < 40; i++) {\n datasets.push({\n id: `f-${i}`,\n name: `Baby Products ${i}`,\n uv: 20,\n stock: 5,\n createdTime: \'2019-11-21\'\n });\n}\n\nclass Customer extends React.Component {\n onClick = () => {\n Notify.success(`${this.props.data.length} elements was selected`);\n };\n\n render() {\n return (\n <Button\n key="comp"\n className="child-comps zent-btn"\n onClick={this.onClick}\n >\n Click\n </Button>\n );\n }\n}\n\nclass Selection extends React.Component {\n state = {\n selectedRowKeys: [\'f-0\'],\n datasets,\n current: 1,\n };\n\n render() {\n return (\n <Grid\n columns={columns}\n datasets={this.state.datasets}\n pageInfo={{\n pageSize: pageSize,\n total: totalItem,\n current: this.state.current,\n }}\n paginationType="lite"\n selection={{\n selectedRowKeys: this.state.selectedRowKeys,\n onSelect: (selectedRowKeys, selectedRows, currentRow) => {\n this.setState({\n selectedRowKeys,\n });\n },\n getCheckboxProps: data => ({\n disabled: data.name === \'Baby Products 1\',\n }),\n }}\n rowKey="id"\n batchRender={data => <Customer data={data} /> }\n stickyBatch\n scroll={{x: 1300}}\n size="large"\n />\n );\n }\n}\n\nReactDOM.render(<Selection />, mountNode);'},o.createElement(T)),o.createElement(Z,{title:"Stick Header",id:"DemoautoStick",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true\n }, {\n title: \'uv\',\n name: \'uv\',\n width: 100,\n fixed: true\n }, {\n title: \'stock\',\n name: \'stock\'\n }, {\n title: \'Number of sold products\',\n name: \'sold_num\'\n }, {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\'\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 5; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n stock: 5,\n sold_num: 5,\n created_time: \'2017-09-20\'\n })\n}\n\nReactDOM.render(\n <div>\n <Grid\n columns={columns}\n datasets={datasets}\n autoStick\n scroll={{ x: 1300, y: 200 }}\n size="large"\n />\n </div>\n , mountNode\n);'},o.createElement(E)),o.createElement(Z,{title:"Disable Hover Highlight",id:"Demodisablehoverhighlight",src:'import { Grid } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nReactDOM.render(\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n , mountNode\n);'},o.createElement(B)),o.createElement(Z,{title:"ColumnProvider",id:"DemocolumnProvider",src:'import { Grid, GridColumnProvider } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\',\n },\n {\n title: \'uv\',\n name: \'uv\',\n },\n {\n title: \'stock\',\n name: \'stock\',\n defaultText: \'column default\'\n },\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: i > 1 ? 20 : \'\',\n stock: i > 1 ? 5 : null,\n });\n}\n\nReactDOM.render(\n <GridColumnProvider\n value={{\n defaultText: \'provider default\',\n isValueEmpty: value => value == null || value === \'\',\n }}\n >\n <Grid\n disableHoverHighlight\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n size="large"\n />\n </GridColumnProvider>,\n mountNode\n);'},o.createElement($)),o.createElement(Z,{title:"Editable cell",id:"Demoeditable",src:'import { Grid, NumberInput, Button } from \'zent\';\nimport { useCallback, useState, useMemo } from \'react\';\n\nfunction App() {\n const [datasets, setDatasets] = useState(() => {\n const datasets = [];\n\n for (let i = 0; i < 3; i++) {\n datasets.push({\n id: i,\n name: `Product ${i}`,\n uv: 20,\n price: 5,\n sold_num: 5,\n created_time: \'2017-09-20\',\n });\n }\n return datasets;\n });\n\n const onPriceChange = useCallback(\n rowIndex => val => {\n setDatasets(prev => {\n return prev.map((row, idx) => {\n if (idx === rowIndex) {\n return {\n ...row,\n price: val,\n };\n }\n\n return row;\n });\n });\n },\n []\n );\n\n const onBatchChange = useCallback(() => {\n setDatasets(prev => {\n return prev.map(row => {\n return {\n ...row,\n price: 1242,\n };\n });\n });\n }, []);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'Product Name\',\n name: \'name\',\n width: 100,\n fixed: true,\n },\n {\n title: \'UV\',\n name: \'uv\',\n width: 100,\n fixed: true,\n },\n {\n title: \'Price\',\n name: \'price\',\n bodyRender(data, { row }) {\n return (\n <NumberInput\n value={data.price}\n onChange={onPriceChange(row)}\n decimal={2}\n min={0.01}\n showStepper\n />\n );\n },\n },\n {\n title: \'Sold\',\n name: \'sold_num\',\n },\n {\n title: \'Created Time\',\n name: \'created_time\',\n width: 100,\n fixed: \'right\',\n },\n ];\n }, [onPriceChange]);\n\n return (\n <div>\n <Grid columns={columns} datasets={datasets} scroll={{ x: 1300 }} size="large" />\n <Button style={{ marginTop: 16 }} onClick={onBatchChange}>\n Batch Update Prices\n </Button>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(G)),o.createElement(Z,{title:"Different size",id:"Demosize",src:'import { Grid, Radio } from \'zent\';\n\nconst columns = [\n {\n title: \'Product Name\',\n name: \'name\',\n className: \'name\'\n }, {\n title: \'uv\',\n name: \'uv\'\n }, {\n title: \'stock\',\n name: \'stock\',\n defaultText: 0\n }\n];\n\nconst datasets = [];\n\nfor (let i = 0; i < 3; i++) {\n datasets.push({\n id: `id-${i}`,\n name: `Product ${i}`,\n uv: 20,\n stock: i > 1 ? 5 : null\n })\n}\n\nconst Demo = () => {\n const [size, setSize] = useState(\'medium\');\n\n return (<div>\n <Radio.Group value={size} onChange={(e) => setSize(e.target.value)}>\n <Radio.Button value="small">small</Radio.Button>\n <Radio.Button value="medium">medium</Radio.Button>\n <Radio.Button value="large">large</Radio.Button>\n </Radio.Group>\n <div style={{height: 20}}></div>\n <Grid\n size={size}\n columns={columns}\n datasets={datasets}\n rowClassName={(data, index) => `${data.id}-${index}`}\n onRowClick={(data, index, event) => { console.log(data, index, event.target, \'simple onRowClick\') }}\n />\n </div>);\n}\n\nReactDOM.render(\n <Demo />\n , mountNode\n);'},o.createElement(K)),o.createElement(I,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescripitionTypeDefaultRequired
columnscolumnsarrayYes
datasetsData to be displayedarrayYes
rowKeyKey for each rowstringidNo
tableLayoutSet table-layout property of table- \n|\n \'auto\' \n|\n \'fixed\'No
onChangeCallback fires when columns change, filtering and sorting included(conf: any) => anynoopNo
scrollCan be scrolled in x/y direction, x or y can be a number that indicates the width and height of table body{ x?: number, y?: number }No
sortByThe field which rows are sorted by, should be one of keys for columnsstring\'\'No
sortTypeThe way to sortstring\'\'No
defaultSortTypeThe way to sort when first clickstring\'desc\'No
emptyLabelText to be displayed when there\'s no datastring\'No data\'No
selectionConfiguration for selectionobjectNo
expandationExpand configurationobjectno
loadingDetermines whether data is being loaded or notboolfalseNo
classNameExtra custom class namestring\'\'No
rowClassNameClass name for rowstring \n|\n (data: object, rowIndex: number) => string\'\'No
pageInfoPagination informationobjectnullNo
paginationTypePagination type, \n\'default\'\n \n|\n \n\'lite\'\n \n|\n \n\'mini\'string\'default\'No
onRowClickCallback fires when a row is clicked(data: any, index: number, event: Event) => anyNo
ellipsisWhether ellipsis should be displayed when content overflows (noWrap of columns needs to be set)boolfalseNo
onExpandCallback fires when the row expand icon is clicked(data: {expanded: boolean, data: any, event: Event, index: number}) => anyNo
componentsCustom table elementobject { row?: ComponentType }No
rowPropsCustom row props(data: any, index: number) => objectNo
borderedWhether to display the outer border and column borderboolfalseNo
batchRenderRender batch operations(data: array, position?: \'header\' \n|\n \'foot\') => React.ReactNodeNo
stickyBatchAutomatically stick batch operationboolfalseNo
autoStickWhether to stick the head to the window automaticallyboolfalseNo
autoStickOffsetTopCustom offset of sticky headnumberfalseNo
disableHoverHighlightWhether to disable mouse hover highlightingbooleanfalseNo
loadingPropsAll props in \nBlockLoading\n, exclude \nloadingOmit<IBlockLoadingProps, \'loading\'>-No
sizeTable Sizestring\'medium\'No
\n

onChange function declaration

\n

onChange will throw an object, which includes parameters about the change part of pagination.

\n
{\n  current, // {Number} the current page\n  sortBy, // {String} the key which rows are sorted according to\n  sortType, // {String} [\'asc\', \'desc\', \'\'] the way to sort\n  pageSize, // {Number} page size\n}
\n

Columns

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
titlecolumn titleReactNodeYes
namekey for the corresponding data(recommended to be set).stringNo
widthcolumn widthstring \n|\n numberNo
bodyRenderRender complex component((data: any, pos: {row: number, column: number, fixed?: \'left\' \n|\n \'right\'}, name: string) => ReactNode) \n|\n ReactNodeNo
classNameclass name of the column titlestringNo
needSortwhether to support sortingboolNo
colSpanspan of columns. It won\'t be rendered if the value is set to 0numberNo
fixedwhether columns fixed or not. The value can be \nleft\n \nright\n \ntrue\n (\ntrue\n is same to \nleft\n)bool \n|\n strigNo
onCellClickcallback fires when a cell is clicked(data: any, event: Event) => anyNo
textAlignText alignmentstringNo
noWrapDon\'t wrap textboolNo
defaultTextDefault display textReactNodeNo
childrenRender grouping table headersarrayNo
isValueEmptyCallback to test whether show the default text(value: any) => booleanNo
\n

Selection

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
selectedRowKeyskeys of selected rows by defaultarrayNo
onSelectcallback fires when a check changes(selectedkeys: string[], selectedRows: Array\n, changeRow: anyany[]) => anyNo
getCheckboxPropsDepreciated use getSelectionProps\n function to get properties of the checkbox/radio(data: object) => { disabled?: boolean, reason?: ReactNode }No
getSelectionPropsfunction to get properties of the checkbox/radio(data: object) => { disabled?: boolean, reason?: ReactNode }No
isSingleSelectionRadio or notboolNo
\n

GridColumnProvider

\n

Support all columns props.

\n

pageInfo

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
totalTotal number of itemsnumberNo
pageSizeNumber of items to be displayed per pagenumberNo
pageSizeOptionsPage size optionsnumber[]No
currentcurrent pagenumberNo
\n

Expandation

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultRequired
isExpandedWhether to expand the current row(record: any, index: number) => booleanno
isExpandableWhether to display the expand icon of current row(record: any, index: number) => booleanno
expandRenderRender function of expanded row\'s additional content(data: any) => ReactNodeno
'}))}}},62640:(n,s,a)=>{"use strict";a.d(s,{J:()=>t});var t=a(78193).E.Provider},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(1348),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.toggle=function(){var n=s.props,a=n.onChange,t=n.checked;a&&a(!t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.className,t=s.size,o=s.disabled,e=void 0===o?this.context.value:o,l=s.loading,u=s.checked,r=e||l,i=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:i,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(o.Component);s.Z=u}}]); \ No newline at end of file diff --git a/8212-70ec8af4a3c4476d7ce4.js b/8212-91222e1f961e7f7cb4d3.js similarity index 99% rename from 8212-70ec8af4a3c4476d7ce4.js rename to 8212-91222e1f961e7f7cb4d3.js index 6aefc9876..4859936fb 100644 --- a/8212-70ec8af4a3c4476d7ce4.js +++ b/8212-91222e1f961e7f7cb4d3.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8212],{58212:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(3454),l=a(89522),u=a(39215),r=a(93531),k=a(28627),i=a(80186),m=a(23476),d=a(61853),y=a(70387),h=a(29850),g=a(24246);function b(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function f(n){for(var s=1;s{var t=n===a?"Rgb":a,p=(0,o.useCallback)((()=>{s(t)}),[s,t]);return(0,g.jsxs)(g.Fragment,{children:[n," Color",(0,g.jsxs)(c.z,{className:"demo-theme-color-copy-switcher",size:"small",onClick:p,children:["Switch to ",t]})]})},m=()=>{var m,d=(0,o.useState)(null!==(m=window.sessionStorage.getItem("zent-theme-color"))&&void 0!==m?m:"#155bd4"),b=(0,p.Z)(d,2),f=b[0],C=b[1],v=(0,o.useMemo)((()=>n({colors:[{baseColor:f,scene:t}]},y)),[f]),w=(0,o.useMemo)((()=>(n=>n.filter((({cssVariableName:n})=>y.vars[n])))(v.colors)),[v]),x=(0,o.useMemo)((()=>(n=>n.map((n=>"".concat(n.cssVariableName,": ").concat(n.color,";"))).join("\n"))(v.colors)),[v]),T=(0,o.useState)(a),S=(0,p.Z)(T,2),j=S[0],z=S[1],N=(0,o.useMemo)((()=>[{title:"CSS Variable",name:"cssVariableName",bodyRender:({cssVariableName:n})=>(0,g.jsxs)("div",{className:"demo-theme-color-title",children:[(0,g.jsxs)("p",{className:"demo-theme-color-css-variable",children:[n,(0,g.jsx)(l.q,{text:n,children:(0,g.jsx)(u.J,{className:"demo-theme-color-copy-icon",type:"order-o"})})]}),(0,g.jsx)("p",{className:"demo-theme-color-desc",children:y.vars[n].comment})]})},{title:(0,g.jsx)(e,{colorType:j,setColorType:z}),name:"color",bodyRender:({color:n})=>{var s="Rgb"===j?(0,h.cD)(n):n;return(0,g.jsxs)("div",{className:"demo-theme-color",children:[(0,g.jsx)(l.q,{text:s,children:(0,g.jsx)("p",{className:"demo-theme-color-block",style:{background:n}})}),(0,g.jsx)("div",{className:"demo-theme-color-name",children:s})]})},width:"300px"}]),[j]),B=(0,o.useCallback)((n=>{C(n)}),[]),q=(0,o.useCallback)((n=>{B(n.detail)}),[]);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{children:[(0,g.jsx)(r.z,{color:f,type:"simple",onChange:B,presetColors:s}),(0,g.jsx)("span",{className:"demo-theme-base-color",children:f}),(0,g.jsx)(l.q,{text:x,children:(0,g.jsx)(c.z,{type:"primary",className:"demo-theme-copy-btn",children:"Copy All Variables"})})]}),(0,g.jsx)(k.r,{rowKey:"cssVariableName",className:"demo-theme-colors",columns:N,datasets:w}),(0,g.jsx)(i.ZM,{eventName:"zent-theme-change",listener:q})]})};return(0,g.jsx)(m,{})},v=function(){var n=d.q.generateTheme,s=d.q.applyTheme,a=["#ed6a18","#ed9f18","#edd418","#bad415","#5bd415","#15d48e","#15bad4","#155bd4","#412ad4","#8e15d4","#d415ba","#d42f15"],t=[d.h.DefaultHoverBackgroundColor,d.h.PrimaryHoverBackgroundColor,d.h.PrimaryBackgroundColor,d.h.PrimaryActiveBackgroundColor],e=()=>{var e=(0,o.useState)("#155bd4"),c=(0,p.Z)(e,2),l=c[0],u=c[1];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(r.z,{color:l,type:"simple",onChange:a=>{var p=n({colors:[{baseColor:a,scene:t}]},y);s(p),u(a),m.g.success("Theme color has been update")},presetColors:a}),(0,g.jsx)("span",{className:"demo-theme-base-color",children:l})]})};return(0,g.jsx)(e,{})};function w(n){return(0,g.jsx)(n.tag,f(f({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,g.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,g.jsx)(w,{tag:"style",html:n.style})}function S(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),S(n.parentNode,s);return s}class j extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,g.jsxs)("div",{className:"zandoc-react-demo",children:[(0,g.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,g.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,g.jsx)("div",{className:"zandoc-react-demo__title",children:(0,g.jsx)("p",{children:a||""})}),(0,g.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,g.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,g.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,S(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(T,{style:".demo-theme-color-title {\n font-size: 14px;\n color: #333;\n}\n\n.demo-theme-color-css-variable {\n cursor: pointer;\n}\n\n.demo-theme-color-desc {\n font-size: 12px;\n color: #999;\n}\n\n.demo-theme-color {\n margin: 4px 8px 4px 4px;\n display: flex;\n align-items: center;\n}\n\n.demo-theme-color-copy-switcher {\n margin-left: 16px;\n}\n\n.demo-theme-color-block {\n width: 80px;\n height: 30px;\n margin-bottom: 4px;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000;\n cursor: pointer;\n}\n\n.demo-theme-color-copy-icon {\n margin-left: 4px;\n}\n\n.demo-theme-color-name {\n color: #333;\n text-align: center;\n margin-left: 4px;\n}\n\n.demo-theme-base-color {\n margin-left: 8px;\n}\n\n.demo-theme-copy-btn {\n float: right;\n}\n\n.demo-theme-colors {\n margin-top: 16px;\n}\n\nimg[alt='zent-theme'] {\n width: 514px;\n height: 319px;\n}"}),o.createElement(x,{html:'

Themes

\n

Zent supports themes, only colors are customizable for now.

\n

zent-theme

\n

Customize through CSS variables

\n

Zent uses CSS Variables, so it is possible to customize themes via custom CSS variables.

\n

Each theme color should be provided in both HEX and RGB format, These variables as follows:

'}),o.createElement(j,{title:"Get theme color",id:"Demo01",src:'import { ColorPicker, Grid, CopyButton, Button, Icon, WindowEventHandler } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { hexToRGBString } from \'@zent/theme-sdk/esm/utils\';\nimport { useState, useMemo, useCallback, useEffect } from \'react\';\n\nconst { generateTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst defaultColor = \'#155bd4\';\n\nconst themeIndex = {\n \'$primary-100\': 0,\n \'$primary-400\': 1,\n \'$primary-500\': 2,\n \'$primary-600\': 3,\n};\n\nconst ColorType = {\n hex: \'Hex\',\n rgb: \'Rgb\',\n};\n\nconst ColorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor,\n];\n\nconst getThemeCommentsVars = colors => {\n return colors.filter(\n ({ cssVariableName }) => ThemeCssVars.vars[cssVariableName]\n );\n};\n\nconst transformToCss = theme => {\n return theme\n .map(item => `${item.cssVariableName}: ${item.color};`)\n .join(\'\\n\');\n};\n\nconst getSessionThemeColor = () => {\n // ThemeSwitcher on top-right corner sets this variable\n return window.sessionStorage.getItem(\'zent-theme-color\') ?? defaultColor;\n};\n\nconst Color = ({ colorType, setColorType }) => {\n const otherType = colorType === ColorType.hex ? ColorType.rgb : ColorType.hex;\n\n const changeColorType = useCallback(() => {\n setColorType(otherType);\n }, [setColorType, otherType]);\n\n return (\n <>\n {colorType} Color\n <Button\n className="demo-theme-color-copy-switcher"\n size="small"\n onClick={changeColorType}\n >\n Switch to {otherType}\n </Button>\n </>\n );\n};\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(getSessionThemeColor());\n const theme = useMemo(() => {\n return generateTheme(\n { colors: [{ baseColor: color, scene: ColorScene }] },\n ThemeCssVars\n );\n }, [color]);\n const themeComments = useMemo(() => {\n return getThemeCommentsVars(theme.colors);\n }, [theme]);\n const themeCssStr = useMemo(() => {\n return transformToCss(theme.colors);\n }, [theme]);\n const [colorType, setColorType] = useState(ColorType.hex);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'CSS Variable\',\n name: \'cssVariableName\',\n bodyRender: ({ cssVariableName }) => {\n return (\n <div className="demo-theme-color-title">\n <p className="demo-theme-color-css-variable">\n {cssVariableName}\n <CopyButton text={cssVariableName}>\n <Icon className="demo-theme-color-copy-icon" type="order-o" />\n </CopyButton>\n </p>\n <p className="demo-theme-color-desc">\n {ThemeCssVars.vars[cssVariableName].comment}\n </p>\n </div>\n );\n },\n },\n {\n title: <Color colorType={colorType} setColorType={setColorType} />,\n name: \'color\',\n bodyRender: ({ color }) => {\n const colorText =\n colorType === ColorType.rgb ? hexToRGBString(color) : color;\n return (\n <div className="demo-theme-color">\n <CopyButton text={colorText}>\n <p\n className="demo-theme-color-block"\n style={{ background: color }}\n ></p>\n </CopyButton>\n <div className="demo-theme-color-name">{colorText}</div>\n </div>\n );\n },\n width: \'300px\',\n },\n ];\n }, [colorType]);\n\n const onColorChange = useCallback(\n baseColor => {\n setColor(baseColor);\n },\n []\n );\n\n const onThemeSwitch = useCallback((evt) => {\n onColorChange(evt.detail);\n }, []);\n\n return (\n <>\n <div>\n <ColorPicker\n color={color}\n type="simple"\n onChange={onColorChange}\n presetColors={colors}\n />\n <span className="demo-theme-base-color">{color}</span>\n <CopyButton text={themeCssStr}>\n <Button type="primary" className="demo-theme-copy-btn">\n Copy All Variables\n </Button>\n </CopyButton>\n </div>\n <Grid\n rowKey="cssVariableName"\n className="demo-theme-colors"\n columns={columns}\n datasets={themeComments}\n />\n <WindowEventHandler eventName="zent-theme-change" listener={onThemeSwitch} />\n </>\n );\n};\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(C)),o.createElement(x,{html:'

Customize through rebuilding SCSS

\n

Styles in Zent are written in scss, we have a builtin theme extension file to support custom themes. You can build custom styles using this extension file.

\n

This method is non-intrusive, but you have to manually build your custom theme every time you upgrade Zent.

\n

Build Steps

\n
    \n
  1. Clone Zent from github and install dependencies
    2. \n
  2. Create a file named _override.scss in packages/zent/assets, define your custom colors in this file. All customizable colors are defined in _default.scss within the same directory.
    3. \n
  3. Run yarn theme within packages/zent
    4. \n
  4. Your custom theme styles are in packages/zent/css.
    5. \n
\n

Modify theme color dynamically

\n

Could use ThemeSdk, pass a basic color to update the theme colors. Choose a color with a higher saturation and brightness, please. like: S > 85, B > 80, like the following:

'}),o.createElement(j,{title:"Dynamic update theme color",id:"Demo02",src:'import { ColorPicker, Notify } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { useState } from \'react\';\n\nconst { generateTheme, applyTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst colorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor\n];\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(\'#155bd4\');\n\n const onChangeComplete = hex => {\n const theme = generateTheme({ colors: [{ baseColor: hex, scene: colorScene }] }, ThemeCssVars);\n applyTheme(theme);\n\n setColor(hex);\n\n Notify.success(\'Theme color has been update\');\n };\n\n return (\n <>\n <ColorPicker color={color} type="simple" onChange={onChangeComplete} presetColors={colors} />\n <span className="demo-theme-base-color">{color}</span>\n </>\n );\n}\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(v)),o.createElement(x,{html:""}))}}},89522:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(90347),c=a(23476),l=a(52074),u=a(42690),r=a(14805),k=function(n){var s,a,t,p,o=!1;try{if(s=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var s=document.activeElement,a=[],t=0;t{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(3454),l=a(89522),u=a(39215),r=a(93531),k=a(26317),i=a(80186),m=a(23476),d=a(61853),y=a(70387),h=a(29850),g=a(24246);function b(n,s){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable}))),a.push.apply(a,t)}return a}function f(n){for(var s=1;s{var t=n===a?"Rgb":a,p=(0,o.useCallback)((()=>{s(t)}),[s,t]);return(0,g.jsxs)(g.Fragment,{children:[n," Color",(0,g.jsxs)(c.z,{className:"demo-theme-color-copy-switcher",size:"small",onClick:p,children:["Switch to ",t]})]})},m=()=>{var m,d=(0,o.useState)(null!==(m=window.sessionStorage.getItem("zent-theme-color"))&&void 0!==m?m:"#155bd4"),b=(0,p.Z)(d,2),f=b[0],C=b[1],v=(0,o.useMemo)((()=>n({colors:[{baseColor:f,scene:t}]},y)),[f]),w=(0,o.useMemo)((()=>(n=>n.filter((({cssVariableName:n})=>y.vars[n])))(v.colors)),[v]),x=(0,o.useMemo)((()=>(n=>n.map((n=>"".concat(n.cssVariableName,": ").concat(n.color,";"))).join("\n"))(v.colors)),[v]),T=(0,o.useState)(a),S=(0,p.Z)(T,2),j=S[0],z=S[1],N=(0,o.useMemo)((()=>[{title:"CSS Variable",name:"cssVariableName",bodyRender:({cssVariableName:n})=>(0,g.jsxs)("div",{className:"demo-theme-color-title",children:[(0,g.jsxs)("p",{className:"demo-theme-color-css-variable",children:[n,(0,g.jsx)(l.q,{text:n,children:(0,g.jsx)(u.J,{className:"demo-theme-color-copy-icon",type:"order-o"})})]}),(0,g.jsx)("p",{className:"demo-theme-color-desc",children:y.vars[n].comment})]})},{title:(0,g.jsx)(e,{colorType:j,setColorType:z}),name:"color",bodyRender:({color:n})=>{var s="Rgb"===j?(0,h.cD)(n):n;return(0,g.jsxs)("div",{className:"demo-theme-color",children:[(0,g.jsx)(l.q,{text:s,children:(0,g.jsx)("p",{className:"demo-theme-color-block",style:{background:n}})}),(0,g.jsx)("div",{className:"demo-theme-color-name",children:s})]})},width:"300px"}]),[j]),B=(0,o.useCallback)((n=>{C(n)}),[]),q=(0,o.useCallback)((n=>{B(n.detail)}),[]);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{children:[(0,g.jsx)(r.z,{color:f,type:"simple",onChange:B,presetColors:s}),(0,g.jsx)("span",{className:"demo-theme-base-color",children:f}),(0,g.jsx)(l.q,{text:x,children:(0,g.jsx)(c.z,{type:"primary",className:"demo-theme-copy-btn",children:"Copy All Variables"})})]}),(0,g.jsx)(k.r,{rowKey:"cssVariableName",className:"demo-theme-colors",columns:N,datasets:w}),(0,g.jsx)(i.ZM,{eventName:"zent-theme-change",listener:q})]})};return(0,g.jsx)(m,{})},v=function(){var n=d.q.generateTheme,s=d.q.applyTheme,a=["#ed6a18","#ed9f18","#edd418","#bad415","#5bd415","#15d48e","#15bad4","#155bd4","#412ad4","#8e15d4","#d415ba","#d42f15"],t=[d.h.DefaultHoverBackgroundColor,d.h.PrimaryHoverBackgroundColor,d.h.PrimaryBackgroundColor,d.h.PrimaryActiveBackgroundColor],e=()=>{var e=(0,o.useState)("#155bd4"),c=(0,p.Z)(e,2),l=c[0],u=c[1];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(r.z,{color:l,type:"simple",onChange:a=>{var p=n({colors:[{baseColor:a,scene:t}]},y);s(p),u(a),m.g.success("Theme color has been update")},presetColors:a}),(0,g.jsx)("span",{className:"demo-theme-base-color",children:l})]})};return(0,g.jsx)(e,{})};function w(n){return(0,g.jsx)(n.tag,f(f({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,g.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,g.jsx)(w,{tag:"style",html:n.style})}function S(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),S(n.parentNode,s);return s}class j extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showCode:!1}),(0,t.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,s=this.props,a=s.title,t=s.src,p=s.children;return(0,g.jsxs)("div",{className:"zandoc-react-demo",children:[(0,g.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,g.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,g.jsx)("div",{className:"zandoc-react-demo__title",children:(0,g.jsx)("p",{children:a||""})}),(0,g.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(n?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),n&&(0,g.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,g.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends o.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,S(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(T,{style:".demo-theme-color-title {\n font-size: 14px;\n color: #333;\n}\n\n.demo-theme-color-css-variable {\n cursor: pointer;\n}\n\n.demo-theme-color-desc {\n font-size: 12px;\n color: #999;\n}\n\n.demo-theme-color {\n margin: 4px 8px 4px 4px;\n display: flex;\n align-items: center;\n}\n\n.demo-theme-color-copy-switcher {\n margin-left: 16px;\n}\n\n.demo-theme-color-block {\n width: 80px;\n height: 30px;\n margin-bottom: 4px;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #000;\n cursor: pointer;\n}\n\n.demo-theme-color-copy-icon {\n margin-left: 4px;\n}\n\n.demo-theme-color-name {\n color: #333;\n text-align: center;\n margin-left: 4px;\n}\n\n.demo-theme-base-color {\n margin-left: 8px;\n}\n\n.demo-theme-copy-btn {\n float: right;\n}\n\n.demo-theme-colors {\n margin-top: 16px;\n}\n\nimg[alt='zent-theme'] {\n width: 514px;\n height: 319px;\n}"}),o.createElement(x,{html:'

Themes

\n

Zent supports themes, only colors are customizable for now.

\n

zent-theme

\n

Customize through CSS variables

\n

Zent uses CSS Variables, so it is possible to customize themes via custom CSS variables.

\n

Each theme color should be provided in both HEX and RGB format, These variables as follows:

'}),o.createElement(j,{title:"Get theme color",id:"Demo01",src:'import { ColorPicker, Grid, CopyButton, Button, Icon, WindowEventHandler } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { hexToRGBString } from \'@zent/theme-sdk/esm/utils\';\nimport { useState, useMemo, useCallback, useEffect } from \'react\';\n\nconst { generateTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst defaultColor = \'#155bd4\';\n\nconst themeIndex = {\n \'$primary-100\': 0,\n \'$primary-400\': 1,\n \'$primary-500\': 2,\n \'$primary-600\': 3,\n};\n\nconst ColorType = {\n hex: \'Hex\',\n rgb: \'Rgb\',\n};\n\nconst ColorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor,\n];\n\nconst getThemeCommentsVars = colors => {\n return colors.filter(\n ({ cssVariableName }) => ThemeCssVars.vars[cssVariableName]\n );\n};\n\nconst transformToCss = theme => {\n return theme\n .map(item => `${item.cssVariableName}: ${item.color};`)\n .join(\'\\n\');\n};\n\nconst getSessionThemeColor = () => {\n // ThemeSwitcher on top-right corner sets this variable\n return window.sessionStorage.getItem(\'zent-theme-color\') ?? defaultColor;\n};\n\nconst Color = ({ colorType, setColorType }) => {\n const otherType = colorType === ColorType.hex ? ColorType.rgb : ColorType.hex;\n\n const changeColorType = useCallback(() => {\n setColorType(otherType);\n }, [setColorType, otherType]);\n\n return (\n <>\n {colorType} Color\n <Button\n className="demo-theme-color-copy-switcher"\n size="small"\n onClick={changeColorType}\n >\n Switch to {otherType}\n </Button>\n </>\n );\n};\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(getSessionThemeColor());\n const theme = useMemo(() => {\n return generateTheme(\n { colors: [{ baseColor: color, scene: ColorScene }] },\n ThemeCssVars\n );\n }, [color]);\n const themeComments = useMemo(() => {\n return getThemeCommentsVars(theme.colors);\n }, [theme]);\n const themeCssStr = useMemo(() => {\n return transformToCss(theme.colors);\n }, [theme]);\n const [colorType, setColorType] = useState(ColorType.hex);\n\n const columns = useMemo(() => {\n return [\n {\n title: \'CSS Variable\',\n name: \'cssVariableName\',\n bodyRender: ({ cssVariableName }) => {\n return (\n <div className="demo-theme-color-title">\n <p className="demo-theme-color-css-variable">\n {cssVariableName}\n <CopyButton text={cssVariableName}>\n <Icon className="demo-theme-color-copy-icon" type="order-o" />\n </CopyButton>\n </p>\n <p className="demo-theme-color-desc">\n {ThemeCssVars.vars[cssVariableName].comment}\n </p>\n </div>\n );\n },\n },\n {\n title: <Color colorType={colorType} setColorType={setColorType} />,\n name: \'color\',\n bodyRender: ({ color }) => {\n const colorText =\n colorType === ColorType.rgb ? hexToRGBString(color) : color;\n return (\n <div className="demo-theme-color">\n <CopyButton text={colorText}>\n <p\n className="demo-theme-color-block"\n style={{ background: color }}\n ></p>\n </CopyButton>\n <div className="demo-theme-color-name">{colorText}</div>\n </div>\n );\n },\n width: \'300px\',\n },\n ];\n }, [colorType]);\n\n const onColorChange = useCallback(\n baseColor => {\n setColor(baseColor);\n },\n []\n );\n\n const onThemeSwitch = useCallback((evt) => {\n onColorChange(evt.detail);\n }, []);\n\n return (\n <>\n <div>\n <ColorPicker\n color={color}\n type="simple"\n onChange={onColorChange}\n presetColors={colors}\n />\n <span className="demo-theme-base-color">{color}</span>\n <CopyButton text={themeCssStr}>\n <Button type="primary" className="demo-theme-copy-btn">\n Copy All Variables\n </Button>\n </CopyButton>\n </div>\n <Grid\n rowKey="cssVariableName"\n className="demo-theme-colors"\n columns={columns}\n datasets={themeComments}\n />\n <WindowEventHandler eventName="zent-theme-change" listener={onThemeSwitch} />\n </>\n );\n};\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(C)),o.createElement(x,{html:'

Customize through rebuilding SCSS

\n

Styles in Zent are written in scss, we have a builtin theme extension file to support custom themes. You can build custom styles using this extension file.

\n

This method is non-intrusive, but you have to manually build your custom theme every time you upgrade Zent.

\n

Build Steps

\n
    \n
  1. Clone Zent from github and install dependencies
    2. \n
  2. Create a file named _override.scss in packages/zent/assets, define your custom colors in this file. All customizable colors are defined in _default.scss within the same directory.
    3. \n
  3. Run yarn theme within packages/zent
    4. \n
  4. Your custom theme styles are in packages/zent/css.
    5. \n
\n

Modify theme color dynamically

\n

Could use ThemeSdk, pass a basic color to update the theme colors. Choose a color with a higher saturation and brightness, please. like: S > 85, B > 80, like the following:

'}),o.createElement(j,{title:"Dynamic update theme color",id:"Demo02",src:'import { ColorPicker, Notify } from \'zent\';\nimport { ThemeSdk, ThemeScene } from \'@zent/theme-sdk\';\nimport ThemeCssVars from \'zent/theme-css-vars.json\';\nimport { useState } from \'react\';\n\nconst { generateTheme, applyTheme } = ThemeSdk;\n\nconst colors = [\n \'#ed6a18\',\n \'#ed9f18\',\n \'#edd418\',\n \'#bad415\',\n \'#5bd415\',\n \'#15d48e\',\n \'#15bad4\',\n \'#155bd4\',\n \'#412ad4\',\n \'#8e15d4\',\n \'#d415ba\',\n \'#d42f15\',\n];\n\nconst colorScene = [\n ThemeScene.DefaultHoverBackgroundColor,\n ThemeScene.PrimaryHoverBackgroundColor,\n ThemeScene.PrimaryBackgroundColor,\n ThemeScene.PrimaryActiveBackgroundColor\n];\n\nconst ThemeSdkComponent = () => {\n const [color, setColor] = useState(\'#155bd4\');\n\n const onChangeComplete = hex => {\n const theme = generateTheme({ colors: [{ baseColor: hex, scene: colorScene }] }, ThemeCssVars);\n applyTheme(theme);\n\n setColor(hex);\n\n Notify.success(\'Theme color has been update\');\n };\n\n return (\n <>\n <ColorPicker color={color} type="simple" onChange={onChangeComplete} presetColors={colors} />\n <span className="demo-theme-base-color">{color}</span>\n </>\n );\n}\n\nReactDOM.render(<ThemeSdkComponent />, mountNode);'},o.createElement(v)),o.createElement(x,{html:""}))}}},89522:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(90347),c=a(23476),l=a(52074),u=a(42690),r=a(14805),k=function(n){var s,a,t,p,o=!1;try{if(s=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var s=document.activeElement,a=[],t=0;t{"use strict";n.d(t,{X:()=>p});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(1535),d=n(23130),c=n(1348),u=n(4008);function p(e){var t=(0,a.useContext)(c.d),n=(0,a.useContext)(d.Z),r=(0,a.useRef)(e);r.current=e;var u,p=n&&n.onChange,h=(0,a.useCallback)((function(e){var t=r.current,n=t.value,i=t.onChange;if(p)p(n);else if(i){var s=Object.create(e);s.target=(0,o.pi)((0,o.pi)({},r.current),{type:"checkbox",checked:e.target.checked}),i(s)}}),[p]),v=(e.checked,e.className),f=e.style,g=(e.disabled,e.readOnly,e.children),y=e.indeterminate,x=e.width,m=(e.value,e.labelStyle),b=e.onMouseEnter,S=e.onMouseLeave,w=(0,o._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),C=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),R=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var k=n.value,z=n.isValueEqual;u=-1!==k.findIndex((function(t){return z(t,e.value)}))}else u=!!e.checked;return(0,i.jsxs)("label",(0,o.pi)({className:s()("zent-checkbox-wrap",v,{"zent-checkbox-checked":!!u,"zent-checkbox-disabled":R||C,"zent-checkbox-indeterminate":y}),style:(0,o.pi)((0,o.pi)({},f),(0,l.Z)(x)),onMouseEnter:b,onMouseLeave:S,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,i.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,i.jsx)("input",(0,o.pi)({},w,{type:"checkbox",checked:u&&!y,disabled:R,readOnly:C,onChange:h,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,i.jsx)("div",(0,o.pi)({className:"zent-checkbox-label",style:m,"data-zv":"10.0.10"},{children:g}),void 0):null]}),void 0)}p.Group=u.Z,t.Z=p},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>p});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(41925),d=n(23130),c=n(1348),u=d.Z.Provider,p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,l.Z)((function(e,n,o,i){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:o,isValueEqual:i,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,o=n.isValueEqual,i=n.onChange,r=n.value;if(i){var s=r?r.slice():[],a=s.findIndex((function(t){return o(t,e)}));-1!==a?s.splice(a,1):s.push(e),i(s)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,r=e.children,s=e.value,l=e.disabled,d=void 0===l?this.context.value:l,c=e.readOnly,p=void 0!==c&&c,h=e.isValueEqual,v=a()("zent-checkbox-group",t);return(0,i.jsx)(u,(0,o.pi)({value:this.getGroupContext(s,d,p,h)},{children:(0,i.jsx)("div",(0,o.pi)({className:v,style:n,"data-zv":"10.0.10"},{children:r}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=c.d,t}(r.Component);t.Z=p},23130:(e,t,n)=>{"use strict";var o=n(27378);t.Z=(0,o.createContext)(null)},68150:(e,t,n)=>{"use strict";var o=n(33938);t.ZP=o.Z},78193:(e,t,n)=>{"use strict";n.d(t,{E:()=>o});var o=(0,n(27378).createContext)({})},28627:(e,t,n)=>{"use strict";n.d(t,{r:()=>ie,Z:()=>re});var o=n(59312),i=n(24246),r=n(31542),s=n(27378),a=n(60042),l=n.n(a),d=n(17949),c=n(42690),u=n(14805),p=0,h={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"};function v(){if("undefined"==typeof document||"undefined"==typeof window)return 0;if(p)return p;var e=(0,u.Z)("div");Object.keys(h).forEach((function(t){e.style[t]=h[t]})),document.body.appendChild(e);var t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),p=t}var f=n(17127),g=n(14322),y=n(25120),x=n(68150),m=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("selectedRowKeys",(function(){n.setCheckState(n.props)}))},n.getCheckBoxState=function(e,t){var n,o=e.datasets,i=e.disabledDatasets,r=e.store,s=e.getDataKey,a=(null==o?void 0:o.length)?o:i,l=null!==(n=r.getState("selectedRowKeys"))&&void 0!==n?n:[];return 0!==l.length&&("every"===t?a.every((function(e,t){return-1!==l.indexOf(s(e,t))})):a.some((function(e,t){return-1!==l.indexOf(s(e,t))})))},n.getCheckState=function(e){return n.getCheckBoxState(e,"every")},n.getIndeterminateState=function(e){return n.getCheckBoxState(e,"some")},n.setCheckState=function(e){var t=n.getCheckState(e),o=n.getIndeterminateState(e);n.setState({checked:t,indeterminate:o})},n.onChange=function(e){var t=n.props.datasets,o=e.target.checked;n.props.onSelect(o?"selectAll":"removeAll",t)},n.state={checked:n.getCheckState(t),indeterminate:n.getIndeterminateState(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){this.setCheckState(e)},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.render=function(){var e=this.state,t=e.checked,n=e.indeterminate,r=this.props.disabled,s={checked:t,indeterminate:(!n||!t)&&n};return(0,i.jsx)(x.ZP,(0,o.pi)({},s,{onChange:this.onChange,disabled:r}),void 0)},t}(s.PureComponent);function b(e,t){for(var n=new Set,o=[],i=0;i1&&(!e.rowSpan||e.rowSpan0?(l.needSort&&(l.needSort=!1),l.children=w(l.children,t+1,l,i),n.colSpan+=l.colSpan):n.colSpan++;for(var d=0;dwindow.pageYOffset&&o<=window.pageYOffset+window.innerHeight-t}return!1}function k(e,t){var n=[];if(!e)return n;for(var o=0;o-1}));return e.setState({selectedRows:l}),l},t.subscribe=function(){var e=t.props.store;t.unsubscribe=e.subscribe("selectedRowKeys",(function(){e.setState({selectedRows:t.getSelectedRows()})})),t.unsubscribeBatchRenderFixed=e.subscribe("batchRenderFixed",(function(){var n=e.getState("selectedRows")||[];t.setState({batchNeedRenderFixed:e.getState("batchRenderFixed")&&n.length>0})}))},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.props.store.setState({selectedRows:this.getSelectedRows()}),this.subscribe()},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe(),this.unsubscribeBatchRenderFixed&&this.unsubscribeBatchRenderFixed()},t.prototype.render=function(){var e,t=this.props,n=t.prefix,r=t.onSelect,s=t.store,a=t.getDataKey,d=t.batchRender,c=t.selection,u=t.position,p=t.datasets;if(!d||!c)return null;var h=d(s.getState("selectedRows")||[],u);if(null===h)return null;var v=this.state.batchNeedRenderFixed,f=s.getState("batchRenderFixedStyles"),g=l()(n+"-grid-batch",n+"-grid-batch__"+u,((e={})[n+"-grid-batch--fixed"]=v&&"foot"===u,e)),y=j(null!=p?p:[],a,this.getSelectionPropsByItem),x=v?f:{},b=c.isSingleSelection;return(0,i.jsxs)("div",(0,o.pi)({className:g,style:x,"data-zv":"10.0.10"},{children:[!b&&(0,i.jsx)(m,{getDataKey:a,onSelect:r,store:s,disabled:y.allDisabled,datasets:y.enabledRows,disabledDatasets:y.disabledRows},void 0),h]}),void 0)},t}(s.PureComponent),T=n(52074),P=n(50993),B=n(72551),E=function(){function e(){var e=this;this.state={},this.listeners={},this.setState=function(t){e.state=(0,o.pi)((0,o.pi)({},e.state),t),Object.keys(t).forEach((function(t){var n;(null!==(n=e.listeners[t])&&void 0!==n?n:[]).forEach((function(e){e()}))}))},this.trigger=function(t){var n;(null!==(n=e.listeners[t])&&void 0!==n?n:[]).forEach((function(e){e()}))},this.subscribe=function(t,n){return e.listeners[t]=e.listeners[t]||[],e.listeners[t].push(n),function(){var o,i=(null!==(o=e.listeners[t])&&void 0!==o?o:[]).indexOf(n);-1!==i&&e.listeners[t].splice(i,1)}}}return e.prototype.getState=function(e,t){var n;return e?t&&!(0,B.n)(this.state,e)?(this.setState(((n={})[e]=t(),n)),this.getState(e)):this.state[e]:this.state},e}(),Z=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=(C(this.props.columns)||[]).map((function(e,t){var n="number"==typeof e.width?e.width+"px":e.width;return(0,i.jsx)("col",{style:{width:n,minWidth:n},"data-zv":"10.0.10"},e.key||t)}));return(0,i.jsx)("colgroup",(0,o.pi)({"data-zv":"10.0.10"},{children:e}),void 0)},t}(s.PureComponent),H=n(31256),O=n(74522),K=n(27036),D=new Map([["","取消排序"],["asc","点击升序"],["desc","点击降序"]]),F=function(e){function t(t){var n=e.call(this,t)||this;return n.getSortInfo=function(e,t){var n,o=t.sortBy,i=t.sortType,r=void 0===i?"":i,s=t.defaultSortType,a=void 0===s?"desc":s,l=e.name;return l===o&&(n=""===r?a:r===a?"asc"===a?"desc":"asc":""),l!==o&&(n=a),{sortBy:l,sortType:n,sortTooltip:D.get(n)}},n.getChildrenAndEvents=function(e,t){var r,s=t.prefix,a=t.sortBy,d=t.sortType,c=t.onChange,u=l()(s+"-grid-thead-sort",((r={})[s+"-grid-thead-sort-"+d]=d&&e.name===a,r));if(e.needSort){var p=n.getSortInfo(e,t),h=p.sortBy,v=p.sortType,f=p.sortTooltip;return{children:(0,i.jsx)(O.Z,(0,o.pi)({title:f,position:"top-center",cushion:12},{children:(0,i.jsxs)("div",(0,o.pi)({className:s+"-grid-thead-sort-btn","data-zv":"10.0.10"},{children:[e.title,(0,i.jsxs)("span",(0,o.pi)({className:u,"data-zv":"10.0.10"},{children:[(0,i.jsx)(K.Z,{type:"caret-up",className:"caret-up"},void 0),(0,i.jsx)(K.Z,{type:"caret-down",className:"caret-down"},void 0)]}),void 0)]}),void 0)}),void 0),onClick:function(){return c({sortBy:h,sortType:v})}}}return{children:e.title}},n.getHeaderRows=function(e,t,i,r){void 0===i&&(i=0),void 0===r&&(r=[]);var s=e||n.props,a=s.prefix,d=s.columns;return t=t||d,r[i]=r[i]||[],(t||[]).forEach((function(e,t){var d;if(e.rowSpan&&r.length0}))},n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("columns",(function(){n.setState({rows:n.getHeaderRows()})}))},n.state={rows:n.getHeaderRows(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){e.columns===this.props.columns&&e.sortType===this.props.sortType&&e.sortBy===this.props.sortBy||this.setState({rows:this.getHeaderRows(e)})},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.renderThead=function(){var e=this.props,t=e.prefix,n=e.fixed,r=e.fixedColumnsHeadRowsHeight,s=this.state.rows,a=r[0],l=s.length;return(0,i.jsx)("thead",(0,o.pi)({className:t+"-grid-thead","data-zv":"10.0.10"},{children:(s||[]).map((function(e,r){var s=n&&a?a/l:void 0;return(0,i.jsx)("tr",(0,o.pi)({className:t+"-grid-tr",style:{height:s},"data-zv":"10.0.10"},{children:e.map((function(e){var t=e.key,n=(0,o._T)(e,["key"]);return(0,i.jsx)("th",(0,o.pi)({},n,{"data-zv":"10.0.10"}),t)}))}),r)}))}),void 0)},t.prototype.render=function(){var e=this.props,t=e.scroll,n=e.fixed,r=e.prefix,s=e.columns,a=e.size,l={};return n||(0,H.Z)(t.x)||(l.width=t.x),t.y?(0,i.jsxs)("table",(0,o.pi)({className:r+"-grid-table "+r+"-grid-table-"+a,style:l,"data-zv":"10.0.10"},{children:[(0,i.jsx)(Z,{columns:s},void 0),this.renderThead()]}),void 0):this.renderThead()},t}(s.PureComponent),L=n(78193),M=Object.prototype.hasOwnProperty,I=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getText=function(e){var t,n;return null===(t=e.data)||void 0===t?void 0:t[""+(null===(n=e.column)||void 0===n?void 0:n.name)]},t.onClick=function(e){var n=t.props,o=n.data,i=n.column.onCellClick;"function"==typeof i&&i(o,e)},t}return(0,o.ZT)(t,e),t.prototype.isInvalidRenderCellText=function(e){return e&&!(0,s.isValidElement)(e)&&"[object Object]"===Object.prototype.toString.call(e)},t.prototype.shouldComponentUpdate=function(e){return!(!e.column||!(0,B.n)(e.column,"bodyRender"))||this.getText(this.props)!==this.getText(e)},t.prototype.render=function(){var e,t,n,r,s=this.props,a=s.prefix,d=s.column,c=s.data,u=s.pos,p=this.context,h=p.isValueEmpty,v=p.defaultText,f=d.name,g=d.width,y=d.bodyRender,x=d.textAlign,m=d.nowrap,b=d.noWrap,S=d.className,w=d.defaultText,C=void 0===w?v:w,R=d.isValueEmpty,k=void 0===R?null!=h?h:H.Z:R,z=function(e,t,n){"string"==typeof t&&(t=t.split(".")),t=null!=t?t:[];for(var o=e,i=0;i1,e[a+"-grid-td-selection"]=-1!==["selection-column","selection-column-single"].indexOf(d.key),e[a+"-grid-td-expand"]="expand-column"===d.key,e[a+"-grid-td-break-word"]=void 0!==typeof g,e))},t,{onClick:this.onClick,"data-zv":"10.0.10"},{children:z}),void 0)},t.contextType=L.E,t}(s.Component),A=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onMouseEnter=function(){var e=t.props,n=e.rowIndex;(0,e.onRowMouseEnter)(n)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefix,r=t.columns,s=t.data,a=t.rowIndex,d=t.rowClassName,u=t.mouseOverRowIndex,p=t.onRowClick,h=t.fixed,v=t.hasFixedColumn,f=t.fixedColumnsBodyRowsHeight,g=t.row,y=t.rowProps,x=void 0===y?c.Z:y,m=t.disableHoverHighlight,b=g||"tr",S=[],w="function"==typeof d?d(s,a):d,C=h&&f[a]?f[a]:void 0;(r||[]).forEach((function(e,t){var o={row:a,column:t,fixed:h};S.push((0,i.jsx)(I,{column:e,data:s,pos:o,columnIndex:t,prefix:n},t))}));var R=v&&!m;return(0,i.jsx)(b,(0,o.pi)({className:l()(n+"-grid-tr",w,(e={},e[n+"-grid-tr__disable-highlight"]=m,e[n+"-grid-tr__mouseover"]=u===a,e)),onClick:function(e){return p(s,a,e)},onMouseEnter:R?this.onMouseEnter:null,style:{height:C}},x(s,a),{"data-zv":"10.0.10"},{children:S}),void 0)},t}(s.PureComponent),W=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onBodyMouseLeave=function(){var e=t.props,n=e.onRowMouseEnter;e.hasFixedColumn&&n(-1)},t}return(0,o.ZT)(t,e),t.prototype.getRows=function(){var e=this.props,t=e.prefix,n=e.datasets,r=e.columns,s=e.rowKey,a=e.rowClassName,l=e.onRowClick,d=e.onRowMouseEnter,c=e.mouseOverRowIndex,u=e.fixed,p=e.hasFixedColumn,h=e.scroll,v=e.expandRowKeys,f=e.expandRender,g=e.fixedColumnsBodyRowsHeight,y=e.fixedColumnsBodyExpandRowsHeight,x=e.components,m=e.rowProps,b=e.disableHoverHighlight,S=[];return(n||[]).forEach((function(e,n){if(S.push((0,i.jsx)(A,{data:e,columns:r,index:n,rowIndex:n,prefix:t,rowClassName:a,mouseOverRowIndex:c,onRowClick:l,onRowMouseEnter:d,fixed:u,hasFixedColumn:p,scroll:h,fixedColumnsBodyRowsHeight:g,row:x&&x.row,rowProps:m,disableHoverHighlight:b},s?null==e?void 0:e[s]:n)),f&&v.length>0){var w=u&&y[n]?y[n]:void 0,C={key:n+"-expand",className:t+"-grid-tr__expanded",style:{display:v[n]?"":"none",height:w}};"right"!==u?S.push((0,i.jsxs)("tr",(0,o.pi)({},C,{"data-zv":"10.0.10"},{children:[(0,i.jsx)("td",{"data-zv":"10.0.10"},void 0),(0,i.jsx)("td",(0,o.pi)({colSpan:r.length-1,"data-zv":"10.0.10"},{children:f(e)}),void 0)]}),void 0)):S.push((0,i.jsx)("tr",(0,o.pi)({},C,{"data-zv":"10.0.10"},{children:(0,i.jsx)("td",{colSpan:r.length,"data-zv":"10.0.10"},void 0)}),void 0))}})),S},t.prototype.renderTbody=function(){var e,t=this.props,n=t.prefix,r=t.columns,s=l()(n+"-grid-tbody",((e={})[n+"-grid-tbody-span"]=r.some((function(e){return!(!e.colSpan&&!e.rowSpan)})),e));return(0,i.jsx)("tbody",(0,o.pi)({onMouseLeave:this.onBodyMouseLeave,className:s,"data-zv":"10.0.10"},{children:this.getRows()}),void 0)},t.prototype.render=function(){var e=this.props,t=e.scroll,n=e.fixed,r=e.prefix,s=e.columns,a=e.size,l={};return n||(0,H.Z)(t.x)||(l.width=t.x),t.y?(0,i.jsxs)("table",(0,o.pi)({className:r+"-grid-table "+r+"-grid-table-"+a,style:l,"data-zv":"10.0.10"},{children:[(0,i.jsx)(Z,{columns:s},void 0),this.renderTbody()]}),void 0):this.renderTbody()},t}(s.PureComponent),_=n(31770).Z,V=n(82148),q=n(36055),U=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handlePageChange=function(e){var n=e.pageSize,o=e.current,i=t.props.onPaginationChange;i&&i(n,o)},t}return(0,o.ZT)(t,e),t.prototype.hasPagination=function(e){var t=(e||this.props).pageInfo;return t&&Object.keys(t).length>0},t.prototype.getDefaultPagination=function(e){var t=(e||this.props).pageInfo;return this.hasPagination(e)?(0,o.pi)((0,o.pi)({},t),{current:t.current||1,pageSize:t.pageSize||10}):null},t.prototype.render=function(){var e=this.props,t=e.prefix,n=e.paginationType,r=this.getDefaultPagination();return r?(0,i.jsxs)("div",(0,o.pi)({className:t+"-grid-tfoot","data-zv":"10.0.10"},{children:[this.props.batchComponents,(0,i.jsxs)("div",(0,o.pi)({className:l()(t+"-grid-tfoot-page"),"data-zv":"10.0.10"},{children:["default"===n&&(0,i.jsx)(_,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0),"lite"===n&&(0,i.jsx)(V.Z,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0),"mini"===n&&(0,i.jsx)(q.Z,(0,o.pi)({},r,{onChange:this.handlePageChange}),void 0)]}),void 0)]}),void 0):null},t}(s.PureComponent),G=n(85883),Y=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props.store;n.unsubscribe=e.subscribe("selectedRowKeys",(function(){var e=n.getCheckState(n.props);n.state.checked!==e&&n.setState({checked:e})}))},n.getCheckState=function(e){var t,n=e.store,o=e.rowIndex;return-1!==(null!==(t=n.getState("selectedRowKeys"))&&void 0!==t?t:[]).indexOf(o)},n.state={checked:n.getCheckState(t)},n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e,t){var n=this.getCheckState(e);n!==t.checked&&this.setState({checked:n})},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.render=function(){var e=this.props,t=e.onChange,n=e.disabled,r=e.reason,s=this.state.checked;return r&&n?(0,i.jsx)(G.Z,(0,o.pi)({content:r,trigger:"hover",position:"top-left",centerArrow:!0},{children:(0,i.jsx)(x.ZP,{onChange:t,checked:s,disabled:n},void 0)}),void 0):(0,i.jsx)(x.ZP,{onChange:t,checked:s,disabled:n},void 0)},t}(s.PureComponent),X=n(71457).Z,$=function(e){var t,n=e.store,o=e.rowIndex;return-1!==(null!==(t=n.getState("selectedRowKeys"))&&void 0!==t?t:[]).indexOf(o)},J=function(e){function t(t){var n=e.call(this,t)||this;return n.subscribe=function(){var e=n.props,t=e.store,o=e.rowIndex;n.unsubscribe=t.subscribe("selectedRowKeys",(function(){var e=$({store:t,rowIndex:o});n.state.checked!==e&&n.setState({checked:e})}))},n.state={checked:$({store:t.store,rowIndex:t.rowIndex})},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=$({store:e.store,rowIndex:e.rowIndex});return n===t.checked?null:{checked:n}},t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillUnmount=function(){var e;null===(e=this.unsubscribe)||void 0===e||e.call(this)},t.prototype.render=function(){var e=this.props,t=e.onChange,n=e.disabled,r=e.reason,s=this.state.checked;return r&&n?(0,i.jsx)(G.Z,(0,o.pi)({content:r,trigger:"hover",position:"top-left",centerArrow:!0},{children:(0,i.jsx)(X,{onChange:t,checked:s,disabled:n},void 0)}),void 0):(0,i.jsx)(X,{onChange:t,checked:s,disabled:n},void 0)},t}(s.PureComponent),Q=n(31846).Z,ee=n(79352),te=n(39215);function ne(e){e.stopPropagation(),e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()}var oe="zent",ie=function(e){function t(t){var n,a=e.call(this,t)||this;a.mounted=!1,a.selectionPropsCache={},a.store=new E,a.gridNode=(0,s.createRef)(),a.footNode=(0,s.createRef)(),a.headerNode=(0,s.createRef)(),a.bodyTable=(0,s.createRef)(),a.leftBody=(0,s.createRef)(),a.rightBody=(0,s.createRef)(),a.scrollBody=(0,s.createRef)(),a.scrollHeader=(0,s.createRef)(),a.stickyHead=(0,s.createRef)(),a.syncFixedTableRowHeight=function(){var e,t,n,o,i,r,s,l,c;if(a.mounted&&a.gridNode.current){var u=a.gridNode.current.getBoundingClientRect();if(!(void 0!==u.height&&u.height<=0)){var p=null===(t=null===(e=a.bodyTable)||void 0===e?void 0:e.current)||void 0===t?void 0:t.querySelectorAll("tbody .zent-grid-tr"),h=null===(o=null===(n=a.bodyTable)||void 0===n?void 0:n.current)||void 0===o?void 0:o.querySelectorAll("tbody .zent-grid-tr__expanded"),v=(null===(i=a.scrollHeader)||void 0===i?void 0:i.current)?null===(s=null===(r=a.scrollHeader)||void 0===r?void 0:r.current)||void 0===s?void 0:s.querySelectorAll("thead"):null===(c=null===(l=a.bodyTable)||void 0===l?void 0:l.current)||void 0===c?void 0:c.querySelectorAll("thead"),f=k(p,(function(e){return e.getBoundingClientRect().height||"auto"})),g=k(v,(function(e){return e.getBoundingClientRect().height||"auto"})),y=k(h,(function(e){return e.getBoundingClientRect().height||"auto"}));(0,d.Z)(a.state.fixedColumnsBodyRowsHeight,f)&&(0,d.Z)(a.state.fixedColumnsHeadRowsHeight,g)&&(0,d.Z)(a.state.fixedColumnsBodyExpandRowsHeight,y)||a.setState({fixedColumnsBodyRowsHeight:f,fixedColumnsHeadRowsHeight:g,fixedColumnsBodyExpandRowsHeight:y})}}},a.onChange=function(e){var t=Object.assign({},a.store.getState("conf"),e);a.store.setState("conf"),a.props.onChange&&a.props.onChange(t)},a.onPaginationChange=function(e,t){a.props.onChange&&a.props.onChange({pageSize:e,current:t})},a.getDataKey=function(e,t){var n=a.props.rowKey;return n?null==e?void 0:e[n]:t},a.isAnyColumnsFixed=function(){return a.store.getState("isAnyColumnsFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return!!e.fixed}))}))},a.isAnyColumnsLeftFixed=function(){return a.store.getState("isAnyColumnsLeftFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return"left"===e.fixed||!0===e.fixed}))}))},a.isAnyColumnsRightFixed=function(){return a.store.getState("isAnyColumnsRightFixed",(function(){var e;return(null!==(e=a.store.getState("columns"))&&void 0!==e?e:[]).some((function(e){return"right"===e.fixed}))}))},a.getLeftColumns=function(){return(a.store.getState("columns")||[]).filter((function(e){return"left"===e.fixed||!0===e.fixed}))},a.getRightColumns=function(){return(a.store.getState("columns")||[]).filter((function(e){return"right"===e.fixed}))},a.handleExpandRow=function(e,t){return function(n){var o,i=a.props.onExpand,r=(null!==(o=a.state.expandRowKeys)&&void 0!==o?o:[]).map((function(t,n){return n===e?!t:t}));a.store.setState({columns:a.getColumns(a.props,a.props.columns,r)}),a.setState({expandRowKeys:r}),"function"==typeof i&&i({expanded:r[e],data:t,event:n,index:e})}},a.getExpandBodyRender=function(e,t){return function(n,o){var r=o.row,s=t.isExpandable;return(void 0===s?function(){return!0}:s)(n,r)?(0,i.jsx)(te.J,{type:e[r]?"up":"down",className:"zent-grid-expandable-btn",onClick:a.handleExpandRow(r,n)},void 0):null}},a.getColumns=function(e,t,n){var i=e||a.props,r=i.selection,s=i.expandation,l=!t,d=(t||a.store.getState("columns")).slice(),c=n||a.state.expandRowKeys,u=d.some((function(e){return"left"===e.fixed||!0===e.fixed}));if(r){var p=a.getSelectionColumn(e,t);if(p){var h=d[0];h&&-1!==["selection-column","selection-column-single"].indexOf(h.key)?d[0]=(0,o.pi)((0,o.pi)({},d[0]),p):d.unshift(p)}}if(s){var v={title:"",key:"expand-column",width:28,bodyRender:a.getExpandBodyRender(c,s)};u&&(v.fixed="left"),d.unshift(v)}return l||(d=w(d)),d},a.getBatchComponents=function(e){var t=a.props,n=t.datasets,o=t.batchRender,r=t.selection,s=t.rowKey;return(0,i.jsx)(N,{position:e,store:a.store,onSelect:a.handleBatchSelect,datasets:n,getDataKey:a.getDataKey,prefix:oe,batchRender:o,selection:r,selectionPropsCache:a.selectionPropsCache,rowKey:s},"batch")},a.getLeftFixedTable=function(){return a.getTable({columns:a.getLeftColumns(),fixed:"left",bodyRef:a.leftBody})},a.getRightFixedTable=function(){return a.getTable({columns:a.getRightColumns(),fixed:"right",bodyRef:a.rightBody})},a.forceScroll=function(e,t,n){var o="scroll"+n;e&&e[o]!==t&&(e[o]=t)},a.handleBodyScrollRunOnceNextFrame=(0,f.$j)((function(e){var t,n,o,i,r;if(a.mounted&&a.isAnyColumnsFixed()){var s=e.target,l=a.props.autoStick,d=s.scrollTop,c=s.scrollLeft,u=null===(t=a.leftBody)||void 0===t?void 0:t.current,p=null===(n=a.rightBody)||void 0===n?void 0:n.current,h=null===(o=a.scrollHeader)||void 0===o?void 0:o.current,v=null===(i=a.stickyHead)||void 0===i?void 0:i.current,f=null===(r=a.bodyTable)||void 0===r?void 0:r.current;a.lastScrollLeft!==s.scrollLeft&&(h&&s===h&&(a.forceScroll(f,c,"Left"),l&&a.forceScroll(v,c,"Left")),f&&s===f&&(a.forceScroll(h,c,"Left"),l&&a.forceScroll(v,c,"Left")),l&&s===v&&(a.forceScroll(f,c,"Left"),a.forceScroll(h,c,"Left")),a.lastScrollLeft=c,a.setScrollPositionClassName()),a.lastScrollTop!==s.scrollTop&&(u&&s===u&&(a.forceScroll(p,d,"Top"),a.forceScroll(f,d,"Top")),p&&s===p&&(a.forceScroll(u,d,"Top"),a.forceScroll(f,d,"Top")),f&&s===f&&(a.forceScroll(p,d,"Top"),a.forceScroll(u,d,"Top")),a.lastScrollTop=s.scrollTop)}})),a.handleBodyScroll=function(e){e.persist(),a.handleBodyScrollRunOnceNextFrame(e)},a.onResize=function(){a.syncFixedTableRowHeight(),a.setScrollPositionClassName(),a.toggleBatchComponents(),a.setStickyHeadWidth()},a.onRowMouseEnter=function(e){a.setState({mouseOverRowIndex:e})},a.getTable=function(e){var t,n;void 0===e&&(e={});var r=a.props,s=r.size,d=void 0===s?"large":s,c=r.datasets,u=r.scroll,p=r.sortType,h=r.sortBy,f=r.defaultSortType,g=r.rowClassName,y=r.onRowClick,x=r.ellipsis,m=r.expandation,b=r.rowKey,S=r.components,w=r.rowProps,R=r.disableHoverHighlight,k=e.fixed,z=e.isStickyHead,j=e.columns||a.store.getState("columns"),N=a.state.expandRowKeys,T="",P={},B={};!k&&(0,H.Z)(u.x)||(T="zent-grid-fixed",P.overflowX=z?"hidden":"auto"),k||(0,H.Z)(u.x)||(B.width=u.x);var E=(0,i.jsx)(F,{size:d,prefix:oe,columns:j,fixed:k,store:a.store,onChange:a.onChange,sortType:p,scroll:u,sortBy:h,defaultSortType:f,fixedColumnsHeadRowsHeight:a.state.fixedColumnsHeadRowsHeight,ref:a.headerNode},void 0),O=C(j),K=(0,i.jsx)(W,{size:d,prefix:oe,rowKey:b,columns:O,datasets:c,expandRowKeys:N,mouseOverRowIndex:a.state.mouseOverRowIndex,onRowMouseEnter:a.onRowMouseEnter,rowClassName:g,onRowClick:y,fixed:k,hasFixedColumn:a.isAnyColumnsFixed(),scroll:u,expandRender:m&&m.expandRender,fixedColumnsBodyRowsHeight:a.state.fixedColumnsBodyRowsHeight,fixedColumnsBodyExpandRowsHeight:a.state.fixedColumnsBodyExpandRowsHeight,components:S,rowProps:w,disableHoverHighlight:R},void 0),D=u.y,L=u.x;if(D){var M=v(),I={},A={maxHeight:D,overflowY:"auto"};M>0?(I.paddingBottom=0,!k&&a.isAnyColumnsFixed()&&L&&(I.marginBottom=-M,I.marginRight=M)):A.marginBottom=0;var _=[(0,i.jsx)("div",(0,o.pi)({className:l()("zent-grid-header",(t={},t["zent-grid-sticky-header"]=e.isStickyHead,t)),style:I,ref:e.headRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:E}),"header")];return e.isStickyHead||_.push((0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body-outer","data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body",style:A,ref:e.bodyRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:K}),"body")}),"body-outer")),_}return[(0,i.jsx)("div",(0,o.pi)({style:P,ref:e.bodyRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.10"},{children:(0,i.jsxs)("table",(0,o.pi)({className:l()("zent-grid-table zent-grid-table-"+d,T,(n={},n["zent-grid-table-ellipsis"]=x,n)),style:B,"data-zv":"10.0.10"},{children:[(0,i.jsx)(Z,{columns:j},void 0),E,e.isStickyHead?null:K]}),void 0)}),"table")]},a.getEmpty=function(e){var t=a.props,n=t.datasets,r=t.emptyLabel;return n&&0!==n.length?null:(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-empty","data-zv":"10.0.10"},{children:r||e.emptyLabel}),"empty")},a.getSelectionPropsByItem=function(e,t,n){var o=z(n||a.props.selection);return o?(a.selectionPropsCache[t]||(a.selectionPropsCache[t]=o(e)),a.selectionPropsCache[t]):{}},a.isFixedLayout=function(){var e=a.props,t=e.tableLayout,n=e.columns,o=void 0===n?[]:n,i=e.scroll,r=void 0===i?{}:i,s=e.ellipsis;return void 0!==t?"fixed"===t:!(!o.some((function(e){return!!e.noWrap}))||!s)||void 0!==r.x||void 0!==r.y},a.onSelectChange=function(e,t){var n=a.props,o=n.datasets,i=n.selection,r=null==i?void 0:i.onSelect;if("function"==typeof r){var s=(o||[]).filter((function(t,n){return-1!==(null!=e?e:[]).indexOf(a.getDataKey(t,n))}));r(e,s,t)}},a.handleSelect=function(e,t,n){var o=a.props.selection.isSingleSelection,i=n.target.checked,r=a.store.getState("selectedRowKeys")||[];r=o?[t]:i?r.concat(t):r.filter((function(e){return t!==e})),a.store.setState({selectedRowKeys:r}),a.onSelectChange(r,e)},a.handleBatchSelect=function(e,t){var n,o=(null!==(n=a.store.getState("selectedRowKeys"))&&void 0!==n?n:[]).slice(),i=[];switch(e){case"selectAll":(t||[]).forEach((function(e,t){var n=a.getDataKey(e,t);-1===o.indexOf(n)&&(o=o.concat(n),i.push(n))}));break;case"removeAll":o=(o||[]).filter((function(e){return(t||[]).every((function(t,n){var o=a.getDataKey(t,n),r=e===o;return r&&i.push(t),!r}))}))}a.store.setState({selectedRowKeys:o});var r=(t||[]).filter((function(e,t){return-1!==i.indexOf(a.getDataKey(e,t))}));a.onSelectChange(o,r)},a.renderSelectionCheckbox=function(){return function(e,t){var n=t.row,r=a.getDataKey(e,n),s=a.getSelectionPropsByItem(e,r);return(0,i.jsx)("span",(0,o.pi)({onClick:ne,className:"zent-grid-selection-checkbox","data-zv":"10.0.10"},{children:(0,i.jsx)(Y,(0,o.pi)({},s,{rowIndex:r,store:a.store,onChange:function(t){return a.handleSelect(e,a.getDataKey(e,n),t)}}),void 0)}),void 0)}},a.renderSelectionRadio=function(){return function(e,t){var n=t.row,r=a.getDataKey(e,n),s=a.getSelectionPropsByItem(e,r);return(0,i.jsx)("span",(0,o.pi)({onClick:ne,className:"zent-grid-selection-radio","data-zv":"10.0.10"},{children:(0,i.jsx)(J,(0,o.pi)({},s,{rowIndex:r,store:a.store,onChange:function(t){return a.handleSelect(e,a.getDataKey(e,n),t)}}),void 0)}),void 0)}},a.toggleBatchComponents=function(){var e,t,n,o=a.props.stickyBatch&&a.props.batchRender;if(a.mounted&&o){a.footEl||(a.footEl=r.findDOMNode(a.footNode.current)),a.headerEl||(a.headerEl=r.findDOMNode(a.headerNode.current));var i=(e=R(a.gridNode.current),t=R(a.headerEl),n=R(a.footEl),!(!e||t||n));a.store.getState("batchRenderFixed")!==i&&a.store.setState({batchRenderFixed:i,batchRenderFixedStyles:a.getBatchFixedStyle()})}},a.onScroll=function(){a.toggleBatchComponents();var e=document.body.scrollLeft||document.documentElement.scrollLeft||window.pageXOffset;if(a.props.autoStick){var t=R(a.gridNode.current),n=r.findDOMNode(a.headerNode.current),o=0;n&&!o&&(o=n.getBoundingClientRect().height);var i=R(n,o);a.setState({showStickHead:!i&&t,marginLeft:"-"+e+"px"})}},a.getStickyHead=function(){var e=[a.getTable({isStickyHead:!0,headRef:a.stickyHead,bodyRef:a.stickyHead}),a.isAnyColumnsLeftFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-left","data-zv":"10.0.10"},{children:a.getTable({columns:a.getLeftColumns(),fixed:"left",isStickyHead:!0})}),"left-sticky-head"),a.isAnyColumnsRightFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-right","data-zv":"10.0.10"},{children:a.getTable({columns:a.getRightColumns(),fixed:"right",isStickyHead:!0})}),"right-sticky-head")],t={visibility:a.state.showStickHead?"visible":"hidden",height:a.state.showStickHead?"auto":0};return a.isAnyColumnsFixed()?(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-scroll",style:t,"data-zv":"10.0.10"},{children:e}),void 0):(0,i.jsx)("div",(0,o.pi)({style:t,"data-zv":"10.0.10"},{children:e}),void 0)},a.setStickyHeadWidth=function(){if(a.props.autoStick&&a.gridNode&&a.gridNode.current){var e=a.props.scroll,t=a.gridNode.current.getBoundingClientRect().width;!e||(0,H.Z)(e.x)||(0,H.Z)(e.y)||(t-=v()),a.setState({tableWidth:t})}};var c=a.getExpandRowKeys(t);return a.store.setState({columns:a.getColumns(t,t.columns,c),selectedRowKeys:null===(n=null==t?void 0:t.selection)||void 0===n?void 0:n.selectedRowKeys}),a.setScrollPosition("both"),a.state={mouseOverRowIndex:-1,fixedColumnsBodyRowsHeight:[],fixedColumnsHeadRowsHeight:[],fixedColumnsBodyExpandRowsHeight:[],expandRowKeys:c,showStickHead:!1,tableWidth:void 0,marginLeft:void 0},a}return(0,o.ZT)(t,e),t.prototype.getExpandRowKeys=function(e){var t=e.expandation,n=e.datasets;if(t){var o=t.isExpanded;return n.reduce((function(e,t,n){return e[n]="function"==typeof o&&o(t,n),e}),[])}return[]},t.prototype.getSelectionColumn=function(e,t){var n=this,o=(t||this.store.getState("columns")).slice().some((function(e){return"left"===e.fixed||!0===e.fixed})),r=e||this.props,s=r.datasets,a=r.selection;if(!a)return null;var l=null;if(a.isSingleSelection)l={title:"",key:"selection-column-single",width:28,bodyRender:this.renderSelectionRadio()};else{var d=j(null!=s?s:[],this.getDataKey,(function(e,t){return n.getSelectionPropsByItem(e,t,a)}));l={title:(0,i.jsx)(m,{store:this.store,datasets:d.enabledRows,disabledDatasets:d.disabledRows,getDataKey:this.getDataKey,onSelect:this.handleBatchSelect,disabled:d.allDisabled},void 0),key:"selection-column",width:28,bodyRender:this.renderSelectionCheckbox()}}return o&&(l.fixed="left"),l},t.prototype.getBatchFixedStyle=function(){if(!ee.Z)return{};var e=r.findDOMNode(this.footNode.current);return e&&this.props.stickyBatch?{width:e.getBoundingClientRect().width}:{}},t.prototype.setScrollPosition=function(e){if(this.scrollPosition=e,this.gridNode.current){var t=this.gridNode.current;"both"===e?(t.className=t.className.replace(new RegExp("zent-grid-scroll-position-.+$","gi")," "),t.classList.add("zent-grid-scroll-position-left"),t.classList.add("zent-grid-scroll-position-right")):(t.className=t.className.replace(new RegExp("zent-grid-scroll-position-.+$","gi")," "),t.classList.add("zent-grid-scroll-position-"+e))}},t.prototype.setScrollPositionClassName=function(){var e,t=null===(e=this.bodyTable)||void 0===e?void 0:e.current,n=0===t.scrollLeft,o=t.scrollLeft+1>=t.children[0].getBoundingClientRect().width-t.getBoundingClientRect().width;n&&o?this.setScrollPosition("both"):n?this.setScrollPosition("left"):o?this.setScrollPosition("right"):"middle"!==this.scrollPosition&&this.setScrollPosition("middle")},t.prototype.componentDidMount=function(){this.mounted=!0,this.setScrollPositionClassName(),this.isAnyColumnsFixed()&&this.syncFixedTableRowHeight(),this.setStickyHeadWidth()},t.prototype.componentWillUnmount=function(){this.mounted=!1},t.prototype.componentWillReceiveProps=function(e){var t,n;if(e.selection!==this.props.selection&&(e.selection||this.store.setState({columns:this.getColumns(e,e.columns)})),e.selection&&(0,B.n)(e.selection,"selectedRowKeys")){this.store.setState({selectedRowKeys:e.selection.selectedRowKeys||[],columns:this.getColumns(e)});var o=this.props.selection;o&&z(e.selection)!==z(o)&&(this.selectionPropsCache={})}else(null===(t=e.selection)||void 0===t?void 0:t.isSingleSelection)!==(null===(n=this.props.selection)||void 0===n?void 0:n.isSingleSelection)&&this.store.setState({columns:this.getColumns(e)});if(e.columns&&e.columns!==this.props.columns&&this.store.setState({columns:this.getColumns(e,e.columns)}),(0,B.n)(e,"datasets")&&e.datasets!==this.props.datasets){this.selectionPropsCache={};var i=this.getExpandRowKeys(e);this.store.setState({columns:this.getColumns(e,e.columns,i)}),this.setState({expandRowKeys:i})}},t.prototype.componentDidUpdate=function(e){var t,n;this.isAnyColumnsFixed()&&((null===(t=this.props.scroll)||void 0===t?void 0:t.x)!==(null===(n=e.scroll)||void 0===n?void 0:n.x)&&this.setScrollPositionClassName(),this.syncFixedTableRowHeight())},t.prototype.render=function(){var e,t=this,n=this.props,r=n.loading,s=n.pageInfo,a=void 0===s?{}:s,d=n.paginationType,c=n.bordered,u=n.autoStick,p=n.autoStickOffsetTop,h=n.loadingProps,v=void 0===h?{}:h,f=n.size,x=this.state,m=x.marginLeft,b=x.tableWidth,S=x.showStickHead,w={};u&&(w.width=b,w.marginLeft=m,w.visibility=S?"visible":"hidden");var C="zent-grid",R=c?"zent-grid-bordered":"";return C=l()(C,this.props.className,R,((e={})["zent-grid-without-size"]=void 0===f,e["zent-grid-fixed-layout"]=this.isFixedLayout(),e)),C="both"===this.scrollPosition?l()(C,"zent-grid-scroll-position-left","zent-grid-scroll-position-right"):l()(C,"zent-grid-scroll-position-"+this.scrollPosition),(0,i.jsx)(T.Z,(0,o.pi)({componentName:"Grid"},{children:function(e){var n=[t.getTable({headRef:t.scrollHeader,bodyRef:t.bodyTable}),t.getEmpty(e),(0,i.jsx)(U,{ref:t.footNode,prefix:oe,pageInfo:a,paginationType:d,onChange:t.onChange,onPaginationChange:t.onPaginationChange,batchComponents:t.getBatchComponents("foot")},"footer")],s=t.isAnyColumnsFixed()?(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-scroll","data-zv":"10.0.10"},{children:n}),void 0):n;return(0,i.jsxs)("div",(0,o.pi)({className:C,ref:t.gridNode,"data-zv":"10.0.10"},{children:[t.getBatchComponents("header"),(0,i.jsxs)(P.Z,(0,o.pi)({},v,{loading:r},{children:[u&&(0,i.jsx)("div",(0,o.pi)({style:w,className:"zent-grid-sticky-header-warp","data-zv":"10.0.10"},{children:(0,i.jsx)(Q,(0,o.pi)({offsetTop:p},{children:t.getStickyHead()}),void 0)}),void 0),s,t.isAnyColumnsLeftFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-left","data-zv":"10.0.10"},{children:t.getLeftFixedTable()}),void 0),t.isAnyColumnsRightFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-right","data-zv":"10.0.10"},{children:t.getRightFixedTable()}),void 0)]}),void 0),(0,i.jsx)(g.w,{onResize:t.onResize},void 0),(0,i.jsx)(y.f,{onScroll:t.onScroll,options:{capture:!0}},void 0)]}),void 0)}}),void 0)},t.defaultProps={className:"",bordered:!1,datasets:[],columns:[],loading:!1,paginationType:"default",onChange:c.Z,rowKey:"id",emptyLabel:"",scroll:{},onRowClick:c.Z,ellipsis:!1,onExpand:c.Z,stickyBatch:!1,autoStick:!1,autoStickOffsetTop:0,disableHoverHighlight:!1},t}(s.PureComponent),re=ie},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>c});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(40695),l=n(73326),d=n(72551);function c(e){var t=function(e){var t=(0,d.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,r=void 0!==n&&n,c=e.delay,u=void 0===c?0:c,p=e.className,h=e.children,v=e.icon,f=void 0===v?"circle":v,g=e.iconSize,y=e.iconText,x=e.textPosition,m=void 0===x?"bottom":x,b=e.colorPreset,S=void 0===b?"primary":b,w=!!h,C=!(0,l.Z)({loading:r,delay:u})&&r;return C||w?(0,i.jsxs)("div",(0,o.pi)({className:s()("zent-loading","zent-loading--block",p,{"zent-loading--has-children":w}),style:{height:t},"data-zv":"10.0.10"},{children:[h,C&&(0,i.jsx)(a.Z,{icon:f,size:g,text:y,textPosition:m,colorPreset:S},void 0)]}),void 0):null}t.Z=c},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var o=n(59312),i=n(24246),r=n(56975);function s(e){return(0,i.jsx)("div",(0,o.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,i.jsx)(r.Z,(0,o.pi)({},e),void 0)}),void 0)}},4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(57961),d=n(1348);function c(e){var t=(0,a.useContext)(d.d),n=e.value,r=e.disabled,c=void 0===r?t.value:r,u=e.readOnly,p=void 0!==u&&u,h=e.isValueEqual,v=void 0===h?Object.is:h,f=e.className,g=e.style,y=e.children,x=e.onChange,m=(0,a.useMemo)((function(){return{value:n,disabled:c,readOnly:p,isValueEqual:v,onRadioChange:x}}),[n,c,p,v,x]);return(0,i.jsx)(l.Z.Provider,(0,o.pi)({value:m},{children:(0,i.jsx)("div",(0,o.pi)({className:s()("zent-radio-group",f),style:g,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}t.Z=c},57961:(e,t,n)=>{"use strict";var o=(0,n(27378).createContext)(null);o.displayName="RadioGroupContext",t.Z=o},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>v,Z:()=>f});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(1535),l=n(27378);function d(e,t){var n=(0,l.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,l.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,o.pi)((0,o.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var r=n.current.onChange;r&&r(t)}}),[i])}function c(e,t,n){var o=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t&&"boolean"==typeof t.disabled?t.disabled:e.value}(e,t,n),i=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(t,n);return{checked:t?t.isValueEqual(t.value,n.value):!!n.checked,disabled:o,readOnly:i}}var u=n(4246),p=n(1348),h=n(57961);function v(e){var t=e.className,n=e.style,r=e.children,u=(e.value,e.width),v=e.labelStyle,f=(e.onMouseEnter,e.onMouseLeave,(0,o._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),g=(0,l.useContext)(p.d),y=(0,l.useContext)(h.Z),x=c(g,y,e),m=x.checked,b=x.disabled,S=x.readOnly,w=d(y,e),C=s()(t,"zent-radio-wrap",{"zent-radio-checked":!!m,"zent-radio-disabled":b||S}),R=(0,a.Z)(u),k=(0,o.pi)((0,o.pi)({},n),R);return(0,i.jsxs)("label",(0,o.pi)({className:C,style:k,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,i.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,i.jsx)("input",(0,o.pi)({},f,{type:"radio",checked:!!m,disabled:b,readOnly:S,onChange:w,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==r&&(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)}v.Button=function(e){var t=e.className,n=e.style,r=e.children,u=(e.value,e.width),v=e.onMouseEnter,f=e.onMouseLeave,g=(0,o._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(p.d),x=(0,l.useContext)(h.Z);if(!x)throw new Error("Radio.Button must be nested within Radio.Group");var m=c(y,x,e),b=m.checked,S=m.disabled,w=m.readOnly,C=d(x,e),R=s()(t,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":S||w}),k=(0,a.Z)(u),z=(0,o.pi)((0,o.pi)({},n),k);return(0,i.jsxs)("label",(0,o.pi)({className:R,style:z,onMouseEnter:v,onMouseLeave:f,"data-zv":"10.0.10"},{children:[(0,i.jsx)("input",(0,o.pi)({},g,{type:"radio",checked:!!b,disabled:S,readOnly:w,onChange:C,"data-zv":"10.0.10"}),void 0),(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)},v.Group=u.Z;var f=v},57097:(e,t,n)=>{"use strict";n.d(t,{u:()=>h});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(42690),d=n(33806),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t}(d.ZP.Trigger.Base),u=n(50707),p=d.ZP.Trigger,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,r.createRef)(),t}return(0,o.ZT)(t,e),t.prototype.renderContent=function(){var e=this.props.title;return(0,i.jsxs)(d.ZP.Content,{children:[(0,i.jsx)("div",(0,o.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.10"},{children:e}),void 0),(0,i.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)},t.prototype.renderTrigger=function(){var e=this.props.children;if("click"===this.props.trigger){var t=this.props.closeOnClickOutside,n=void 0===t||t;return(0,i.jsx)(p.Click,(0,o.pi)({closeOnClickOutside:n},{children:e}),void 0)}if("hover"===this.props.trigger){var r=this.props,s=r.mouseLeaveDelay,a=void 0===s?200:s,l=r.mouseEnterDelay,d=void 0===l?200:l,u=r.anchorOnly,h=r.fixMouseEventsOnDisabledChildren;return(0,i.jsx)(p.Hover,(0,o.pi)({showDelay:d,hideDelay:a,anchorOnly:u,fixMouseEventsOnDisabledChildren:h},{children:e}),void 0)}return"focus"===this.props.trigger?(0,i.jsx)(p.Focus,{children:e},void 0):"none"===this.props.trigger?(0,i.jsx)(c,{children:e},void 0):null},t.prototype.render=function(){var e=this.props,t=e.className,n=e.trigger,r=e.visible,s=e.position,c=e.cushion,p=e.centerArrow,h=e.containerSelector,v=e.style,f=a()("zent-tooltip-v2",t),g=this.props.onVisibleChange;return"none"===n&&(g=g||l.Z),(0,i.jsxs)(d.ZP,(0,o.pi)({visible:r,onVisibleChange:g,className:f,cushion:c,position:(0,u.Z)(s,p),containerSelector:h,ref:this.popoverRef,style:v},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},t.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},t}(r.Component)},74522:(e,t,n)=>{"use strict";var o=n(57097);t.Z=o.u},25120:(e,t,n)=>{"use strict";n.d(t,{f:()=>d});var o=n(59312),i=n(24246),r=n(27378),s=n(80186),a=n(17127),l={passive:!0},d=function(e){var t=e.disableThrottle,n=void 0!==t&&t,d=e.options,c=e.onScroll,u=(0,r.useRef)(c);u.current=c;var p=(0,r.useCallback)((function(e){u.current(e)}),[]),h=(0,a.BN)(p,n);return(0,r.useEffect)((function(){return h.cancel}),[h]),(0,i.jsx)(s.ZM,{eventName:"scroll",listener:h,options:(0,o.pi)((0,o.pi)({},l),d)},void 0)}},1535:(e,t,n)=>{"use strict";function o(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>o})},31256:(e,t,n)=>{"use strict";function o(e){return null==e}n.d(t,{Z:()=>o})}}]); \ No newline at end of file diff --git a/apidoc/classes/Alert.html b/apidoc/classes/Alert.html index a4e789beb..bda2c4603 100644 --- a/apidoc/classes/Alert.html +++ b/apidoc/classes/Alert.html @@ -253,7 +253,7 @@

state

@@ -296,7 +296,7 @@

Static defaultProps

defaultProps: { bordered: boolean; closable: boolean; loading: boolean; outline: boolean; type: string } = ...
@@ -326,7 +326,7 @@

Static highlightClassN
highlightClassName: string = 'zent-alert-item-content__highlight'
@@ -803,7 +803,7 @@

render

Returns Element

diff --git a/apidoc/classes/AlertItem.html b/apidoc/classes/AlertItem.html index 35cfc19c2..9eb44e69a 100644 --- a/apidoc/classes/AlertItem.html +++ b/apidoc/classes/AlertItem.html @@ -761,7 +761,7 @@

render

Returns any

diff --git a/apidoc/classes/AnimateHeight.html b/apidoc/classes/AnimateHeight.html index dba694af7..b278592f6 100644 --- a/apidoc/classes/AnimateHeight.html +++ b/apidoc/classes/AnimateHeight.html @@ -295,7 +295,7 @@

Static defaultProps

defaultProps: { appear: boolean; duration: number; easing: string; overflow: string; transitionPrototype: string } = ...
@@ -503,7 +503,7 @@

componentDidMount

Returns void

@@ -521,7 +521,7 @@

componentDidUpdate

Parameters

@@ -775,7 +775,7 @@

render

Returns Element

diff --git a/apidoc/classes/AutoComplete.html b/apidoc/classes/AutoComplete.html index a4abc1d43..8ee2147cb 100644 --- a/apidoc/classes/AutoComplete.html +++ b/apidoc/classes/AutoComplete.html @@ -158,7 +158,7 @@

constructor

Type parameters

@@ -186,7 +186,7 @@

blurHandlerPrevented

blurHandlerPrevented: boolean = false
@@ -197,7 +197,7 @@

context

@@ -207,7 +207,7 @@

onSearchKeyDown

onSearchKeyDown: KeyboardEventHandler<HTMLInputElement> = ...
@@ -228,7 +228,7 @@

refMenuItemList

refMenuItemList: RefObject<SelectMenu> = ...
@@ -276,7 +276,7 @@

Static contextType

@@ -286,7 +286,7 @@

Static defaultProps

defaultProps: { contentField: string; filterOption: (searchText: string, item: ISelectMenuItem) => boolean; textField: string; valueField: string; valueFromOptions: boolean; width: number } = ...
@@ -484,7 +484,7 @@

close

  • Returns void

    @@ -787,7 +787,7 @@

    getSelectedValueFromSearchText

  • Parameters

    @@ -846,7 +846,7 @@

    getTransformedItemConfigsFromProps

  • Returns IAutoCompleteMenuObjectItem[]

    @@ -863,7 +863,7 @@

    moveFocusIndexDown

  • Returns void

    @@ -880,7 +880,7 @@

    moveFocusIndexUp

  • Returns void

    @@ -897,7 +897,7 @@

    onSearchBlur

  • Returns void

    @@ -914,7 +914,7 @@

    onSearchTextChange

  • Parameters

    @@ -937,7 +937,7 @@

    onSelect

  • Parameters

    @@ -960,7 +960,7 @@

    open

  • @@ -983,7 +983,7 @@

    render

    Returns Element

    @@ -1000,7 +1000,7 @@

    selectCurrentFocusIndex

  • Parameters

    @@ -1108,7 +1108,7 @@

    togglePopoverOpen

  • Returns void

    @@ -1125,7 +1125,7 @@

    Static getDerivedState

  • Type parameters

    diff --git a/apidoc/classes/Avatar.html b/apidoc/classes/Avatar.html index d9195b297..c31b08a48 100644 --- a/apidoc/classes/Avatar.html +++ b/apidoc/classes/Avatar.html @@ -189,7 +189,7 @@

    avatarNodeRef

    avatarNodeRef: RefObject<HTMLSpanElement> = ...
    @@ -266,7 +266,7 @@

    state

    @@ -287,7 +287,7 @@

    textNodeRef

    textNodeRef: RefObject<HTMLSpanElement> = ...
    @@ -330,7 +330,7 @@

    Static defaultProps

    defaultProps: { bordered: boolean; shape: string; size: string } = ...
    @@ -532,7 +532,7 @@

    componentDidMount

    Returns void

    @@ -550,7 +550,7 @@

    componentDidUpdate

    Parameters

    @@ -804,7 +804,7 @@

    render

    Returns Element

    @@ -906,7 +906,7 @@

    updateTextScale

  • Returns void

    @@ -923,7 +923,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Badge.html b/apidoc/classes/Badge.html index 1028e4e76..5b2fe2304 100644 --- a/apidoc/classes/Badge.html +++ b/apidoc/classes/Badge.html @@ -296,7 +296,7 @@

    Static defaultProps

    defaultProps: { className: string; count: number; dot: boolean; maxCount: number; showZero: boolean } = ...
    @@ -793,7 +793,7 @@

    render

    Returns Element

    @@ -810,7 +810,7 @@

    renderCount

  • Returns Element

    diff --git a/apidoc/classes/BasePagination.html b/apidoc/classes/BasePagination.html index bd9d7ee50..07e1e6ee8 100644 --- a/apidoc/classes/BasePagination.html +++ b/apidoc/classes/BasePagination.html @@ -247,7 +247,7 @@

    getLayout

    getLayout: (props: IProps) => PaginationLayout[] = ...
    @@ -278,7 +278,7 @@

    Readonly layoutFn: PaginationLayoutFunction

    @@ -288,7 +288,7 @@

    Readonly name: string

    • @@ -809,7 +809,7 @@

    getLayoutOptions

  • Parameters

    @@ -868,7 +868,7 @@

    getTotal

  • @@ -896,7 +896,7 @@

    getTotalPages

  • Parameters

    @@ -922,7 +922,7 @@

    onPageChange

  • Parameters

    @@ -945,7 +945,7 @@

    onPageSizeChange

  • Parameters

    @@ -1071,7 +1071,7 @@

    shouldUpdateLayout

  • Parameters

    diff --git a/apidoc/classes/BasicBuilder.html b/apidoc/classes/BasicBuilder.html index 17ded20f0..0686767ee 100644 --- a/apidoc/classes/BasicBuilder.html +++ b/apidoc/classes/BasicBuilder.html @@ -157,7 +157,7 @@

    Protected _normalizeBefo
    _normalizeBeforeSubmit: INormalizeBeforeSubmit<Value, any> = ...
    @@ -167,7 +167,7 @@

    Protected _validators

    _validators: IValidators<Value> = []
    @@ -184,7 +184,7 @@

    Abstract build

  • Parameters

    @@ -207,7 +207,7 @@

    normalizeBeforeSubmit

  • Type parameters

    @@ -236,7 +236,7 @@

    validators

  • diff --git a/apidoc/classes/BasicModel.html b/apidoc/classes/BasicModel.html index 2699ce0e4..b16da0a2a 100644 --- a/apidoc/classes/BasicModel.html +++ b/apidoc/classes/BasicModel.html @@ -162,7 +162,7 @@

    Protected constructor

  • Type parameters

    @@ -190,7 +190,7 @@

    Protected _displayName: string

    • @@ -205,7 +205,7 @@

    destroyOnUnmount

    destroyOnUnmount: boolean = false
    @@ -220,7 +220,7 @@

    Readonly error$

    error$: BehaviorSubject<IValidateResult<Value>> = ...
    @@ -239,7 +239,7 @@

    Abstract owner

    @@ -257,7 +257,7 @@

    error

  • @@ -270,7 +270,7 @@

    Returns
    @@ -298,7 +298,7 @@

    form

  • Returns FormModel<UnknownFieldSetModelChildren>

    @@ -315,7 +315,7 @@

    Abstract valid$

  • Returns BehaviorSubject<boolean>

    @@ -333,7 +333,7 @@

    value

  • Returns Value

    @@ -341,7 +341,7 @@

    Returns Value

    Parameters

    @@ -364,7 +364,7 @@

    Abstract value$

  • Returns BehaviorSubject<Value>

    @@ -385,7 +385,7 @@

    Abstract clear

    Returns void

    @@ -403,7 +403,7 @@

    Abstract clearError

    Returns void

    @@ -421,7 +421,7 @@

    Abstract dirty

    Returns boolean

    @@ -439,7 +439,7 @@

    dispose

    Returns void

    @@ -457,7 +457,7 @@

    Abstract getRawValue

    Returns Value

    @@ -475,7 +475,7 @@

    Abstract getSubmitVa

    Returns any

    @@ -493,7 +493,7 @@

    Abstract initialize

    Parameters

    @@ -517,7 +517,7 @@

    Abstract patchValue

    Parameters

    @@ -541,7 +541,7 @@

    Abstract pristine

    Returns boolean

    @@ -559,7 +559,7 @@

    Abstract reset

    Returns void

    @@ -577,7 +577,7 @@

    Abstract touched

    Returns boolean

    @@ -594,7 +594,7 @@

    Protected triggerValidat

  • Parameters

    @@ -618,7 +618,7 @@

    valid

    Returns boolean

    @@ -636,7 +636,7 @@

    Abstract validate

    Parameters

    diff --git a/apidoc/classes/BlockHeader.html b/apidoc/classes/BlockHeader.html index f3bd022b5..73d6f325f 100644 --- a/apidoc/classes/BlockHeader.html +++ b/apidoc/classes/BlockHeader.html @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { className: string; position: string; type: string } = ...
    @@ -786,7 +786,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/Breadcrumb.html b/apidoc/classes/Breadcrumb.html index 419726d5d..eade375c7 100644 --- a/apidoc/classes/Breadcrumb.html +++ b/apidoc/classes/Breadcrumb.html @@ -202,7 +202,7 @@

    breadcrumbRef

    breadcrumbRef: RefObject<HTMLDivElement> = ...
    @@ -212,7 +212,7 @@

    contentRef

    contentRef: RefObject<HTMLDivElement> = ...
    @@ -251,7 +251,7 @@

    isMoving

    isMoving: boolean = false
    @@ -299,7 +299,7 @@

    state

    @@ -326,7 +326,7 @@

    Static Item

    Item: typeof BreadcrumbItem = ...
    @@ -369,7 +369,7 @@

    Static defaultProps

    defaultProps: { breads: any[]; className: string } = ...
    @@ -397,7 +397,7 @@

    breadcrumbLeft

  • Returns number

    @@ -414,7 +414,7 @@

    breadcrumbWidth

  • Returns number

    @@ -431,7 +431,7 @@

    contentWidth

  • Returns number

    @@ -622,7 +622,7 @@

    componentDidMount

    Returns void

    @@ -640,7 +640,7 @@

    componentDidUpdate

    Parameters

    @@ -857,7 +857,7 @@

    getFoldItems

  • Returns IBreadcrumbItemProps[]

    @@ -874,7 +874,7 @@

    getOverflowStatus

  • Returns void

    @@ -927,7 +927,7 @@

    handleClickMoveLeft

  • Returns void

    @@ -944,7 +944,7 @@

    handleClickMoveRight

  • Returns void

    @@ -962,7 +962,7 @@

    render

    Returns Element

    @@ -1064,7 +1064,7 @@

    unfoldBreads

  • Returns void

    diff --git a/apidoc/classes/BreadcrumbItem.html b/apidoc/classes/BreadcrumbItem.html index 8571efd58..ab2cb2d6a 100644 --- a/apidoc/classes/BreadcrumbItem.html +++ b/apidoc/classes/BreadcrumbItem.html @@ -761,7 +761,7 @@

    render

    Returns {}

    diff --git a/apidoc/classes/Button.html b/apidoc/classes/Button.html index 310503178..cf886a1c1 100644 --- a/apidoc/classes/Button.html +++ b/apidoc/classes/Button.html @@ -188,7 +188,7 @@

    context

    @@ -246,7 +246,7 @@

    Static Directive

    Directive: <ChildProps>(props: IButtonDirectiveProps<ChildProps>) => Element = ...
    @@ -283,7 +283,7 @@

    Static Group

    Group: FC<IButtonGroupProps> = ...
    @@ -294,7 +294,7 @@

    Static contextType

    @@ -304,7 +304,7 @@

    Static defaultProps

    defaultProps: { bordered: boolean; htmlType: string; size: string; type: string } = ...
    @@ -798,7 +798,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/Card.html b/apidoc/classes/Card.html index e1f89bcfd..a73851707 100644 --- a/apidoc/classes/Card.html +++ b/apidoc/classes/Card.html @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { bodyStyle: {}; className: string; loading: boolean; style: {}; type: string } = ...
    @@ -796,7 +796,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/CheckboxGroup.html b/apidoc/classes/CheckboxGroup.html index 3c8dbcc5f..55e1ea129 100644 --- a/apidoc/classes/CheckboxGroup.html +++ b/apidoc/classes/CheckboxGroup.html @@ -208,7 +208,7 @@

    context

    @@ -218,7 +218,7 @@

    getGroupContext

    getGroupContext: (maybeValue: unknown, disabled: boolean, readOnly: boolean, isValueEqual: (value1: Value, value2: Value) => boolean) => { disabled: boolean; isValueEqual: (value1: Value, value2: Value) => boolean; onChange: (child: Value) => void; readOnly: boolean; value: Value[] } = ...
    @@ -384,7 +384,7 @@

    Static contextType

    @@ -394,7 +394,7 @@

    Static defaultProps

    defaultProps: { isValueEqual: (value1: any, value2: any) => boolean; value: any[] } = ...
    @@ -913,7 +913,7 @@

    onCheckboxChange

  • Parameters

    @@ -937,7 +937,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/ClampLines.html b/apidoc/classes/ClampLines.html index 509e3ea9f..a6c77639b 100644 --- a/apidoc/classes/ClampLines.html +++ b/apidoc/classes/ClampLines.html @@ -149,7 +149,7 @@

    constructor

    Parameters

    @@ -171,7 +171,7 @@

    containerWidth

    containerWidth: number = ...
    @@ -210,7 +210,7 @@

    element

    element: HTMLDivElement = null
    @@ -220,7 +220,7 @@

    handleContainerResize

    handleContainerResize: ResizeObserverCallback = ...
    @@ -230,7 +230,7 @@

    innerElement

    innerElement: RefObject<HTMLSpanElement> = ...
    @@ -277,7 +277,7 @@

    resizeObserver

    resizeObserver: ResizeObserver = null
    @@ -331,7 +331,7 @@

    Static defaultProps

    defaultProps: Partial<IClampLinesProps> = ...
    @@ -485,7 +485,7 @@

    clampLines

  • Returns void

    @@ -536,7 +536,7 @@

    componentDidMount

    Returns void

    @@ -554,7 +554,7 @@

    componentDidUpdate

    Parameters

    @@ -663,7 +663,7 @@

    componentWillUnmount

    Returns void

    @@ -765,7 +765,7 @@

    getEllipsis

  • Returns string

    @@ -782,7 +782,7 @@

    getResizeObserver

  • Returns ResizeObserver

    @@ -835,7 +835,7 @@

    handleWindowResize

  • Returns void

    @@ -852,7 +852,7 @@

    observe

  • Parameters

    @@ -875,7 +875,7 @@

    onContainerRefChange

  • Parameters

    @@ -898,7 +898,7 @@

    onNoClampContainerRefChange

  • Parameters

    @@ -922,7 +922,7 @@

    render

    Returns Element

    @@ -939,7 +939,7 @@

    renderClampedText

  • Returns Element

    @@ -956,7 +956,7 @@

    renderResizable

  • Returns Element

    diff --git a/apidoc/classes/Collapse.html b/apidoc/classes/Collapse.html index 72dd1bbd1..c96dff69b 100644 --- a/apidoc/classes/Collapse.html +++ b/apidoc/classes/Collapse.html @@ -264,7 +264,7 @@

    Static Panel

    Panel: typeof CollapsePanel = ...
    @@ -307,7 +307,7 @@

    Static defaultProps

    defaultProps: { accordion: boolean; bordered: boolean; panelTitleBackground: string } = ...
    @@ -797,7 +797,7 @@

    onChange

  • Parameters

    @@ -824,7 +824,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/CollapsePanel.html b/apidoc/classes/CollapsePanel.html index 42a80f11e..d77541e9a 100644 --- a/apidoc/classes/CollapsePanel.html +++ b/apidoc/classes/CollapsePanel.html @@ -187,7 +187,7 @@

    context

    @@ -235,7 +235,7 @@

    state

    @@ -254,7 +254,7 @@

    Static contextType

    @@ -264,7 +264,7 @@

    Static defaultProps

    defaultProps: { showArrow: boolean } = ...
    @@ -749,7 +749,7 @@

    render

    Returns Element

    @@ -851,7 +851,7 @@

    toggle

  • Returns void

    diff --git a/apidoc/classes/ColorPicker.html b/apidoc/classes/ColorPicker.html index 3ea7a3122..0a3bbe58b 100644 --- a/apidoc/classes/ColorPicker.html +++ b/apidoc/classes/ColorPicker.html @@ -195,7 +195,7 @@

    context

    @@ -243,7 +243,7 @@

    state

    @@ -261,7 +261,7 @@

    Static ColorBoard

    ColorBoard: ComponentClass<any, any> = ...
    @@ -272,7 +272,7 @@

    Static contextType

    @@ -282,7 +282,7 @@

    Static defaultProps

    defaultProps: { className: string; presetColors: string[]; showAlpha: boolean; type: string; wrapperClassName: string; onChange: any } = ...
    @@ -312,7 +312,7 @@
    onChange: function

  • Returns void

    @@ -335,7 +335,7 @@

    disabled

  • Returns boolean

    @@ -814,7 +814,7 @@

    handleChange

  • Parameters

    @@ -837,7 +837,7 @@

    handleVisibleChange

  • Parameters

    @@ -861,7 +861,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/CombineErrors.html b/apidoc/classes/CombineErrors.html index e29ec9723..b6716df01 100644 --- a/apidoc/classes/CombineErrors.html +++ b/apidoc/classes/CombineErrors.html @@ -196,7 +196,7 @@

    context

    @@ -244,7 +244,7 @@

    state

    @@ -255,7 +255,7 @@

    Static contextType

    @@ -443,7 +443,7 @@

    componentDidMount

    Returns void

    @@ -461,7 +461,7 @@

    componentDidUpdate

    Parameters

    @@ -570,7 +570,7 @@

    componentWillUnmount

    Returns void

    @@ -709,7 +709,7 @@

    render

    Returns ReactNode

    @@ -726,7 +726,7 @@

    setError

  • Parameters

    @@ -795,7 +795,7 @@

    shouldComponentUpdate

    Parameters

    @@ -821,7 +821,7 @@

    subscribe

  • Returns void

    @@ -838,7 +838,7 @@

    unsubscribe

  • Returns void

    diff --git a/apidoc/classes/CopyButton.html b/apidoc/classes/CopyButton.html index 23bd4be0b..0fa03053d 100644 --- a/apidoc/classes/CopyButton.html +++ b/apidoc/classes/CopyButton.html @@ -297,7 +297,7 @@

    Static defaultProps

    defaultProps: { onCopyError: string; onCopySuccess: string } = ...
    @@ -784,7 +784,7 @@

    onCopy

  • Parameters

    @@ -828,7 +828,7 @@

    onCopyCallback

  • Parameters

    @@ -855,7 +855,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/DateRangeQuickPicker.html b/apidoc/classes/DateRangeQuickPicker.html index af2f2ca26..9e1e0153c 100644 --- a/apidoc/classes/DateRangeQuickPicker.html +++ b/apidoc/classes/DateRangeQuickPicker.html @@ -137,7 +137,7 @@

    constructor

    Parameters

    @@ -269,7 +269,7 @@

    Static defaultProps

    defaultProps: { className: string; format: string; max: string; min: string; preset: { value: number }[]; value: any[]; valueType: string } = ...
    @@ -771,7 +771,7 @@

    handleChosenDays

  • Parameters

    @@ -794,7 +794,7 @@

    handleTimeChange

  • Parameters

    @@ -818,7 +818,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/Dialog.html b/apidoc/classes/Dialog.html index 728e1ef73..649ab159b 100644 --- a/apidoc/classes/Dialog.html +++ b/apidoc/classes/Dialog.html @@ -141,7 +141,7 @@

    constructor

    Parameters

    @@ -192,7 +192,7 @@

    lastMousePosition

    lastMousePosition: IMousePosition = null
    @@ -250,7 +250,7 @@

    Static closeDialog

    closeDialog: (dialogId: string, options?: ICloseDialogOption) => void = ...
    @@ -317,7 +317,7 @@

    Static defaultProps

    defaultProps: { className: string; closeBtn: boolean; footer: any; mask: boolean; maskClosable: boolean; position: DialogPosition; style: {}; title: string; visible: boolean; onClose: any } = ...
    @@ -361,7 +361,7 @@
    onClose: function

  • Returns void

    @@ -377,7 +377,7 @@

    Static openDialog

    openDialog: (options?: Partial<IOpenDialogOption>) => (triggerOnClose?: boolean) => void = ...
    @@ -892,7 +892,7 @@

    onClose

  • Parameters

    @@ -915,7 +915,7 @@

    onExited

  • Returns void

    @@ -933,7 +933,7 @@

    render

    Returns Element

    @@ -1035,7 +1035,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/ErrorBoundary.html b/apidoc/classes/ErrorBoundary.html index c58bd3837..519f4af4c 100644 --- a/apidoc/classes/ErrorBoundary.html +++ b/apidoc/classes/ErrorBoundary.html @@ -254,7 +254,7 @@

    state

    @@ -275,7 +275,7 @@

    Static catchError

    catchError: (__namedParameters?: ICatchErrorOption) => <P>(BaseComponent: ComponentType<P>) => (props: P) => Element = ...
    @@ -381,7 +381,7 @@

    Static defaultProps

    defaultProps: { FallbackComponent: (__namedParameters: Object) => Element } = ...
    @@ -417,7 +417,7 @@

    Static withErrorBounda
    withErrorBoundary: <P>(__namedParameters?: IWithErrorBoundaryOption<P>) => (props: P) => Element = ...
    @@ -617,7 +617,7 @@

    componentDidCatch

    Parameters

    @@ -933,7 +933,7 @@

    render

    Returns ReactNode

    diff --git a/apidoc/classes/FieldArrayBuilder.html b/apidoc/classes/FieldArrayBuilder.html index a14f078b1..3bbe22a68 100644 --- a/apidoc/classes/FieldArrayBuilder.html +++ b/apidoc/classes/FieldArrayBuilder.html @@ -129,7 +129,7 @@

    constructor

    Type parameters

    @@ -158,7 +158,7 @@

    Protected _normalizeBefo @@ -169,7 +169,7 @@

    Protected _validators

    @@ -187,7 +187,7 @@

    build

    Parameters

    @@ -210,7 +210,7 @@

    defaultValue

  • Parameters

    @@ -234,7 +234,7 @@

    normalizeBeforeSubmit

    Type parameters

    @@ -263,7 +263,7 @@

    unwrap

  • @@ -286,7 +286,7 @@

    validators

    diff --git a/apidoc/classes/FieldArrayModel.html b/apidoc/classes/FieldArrayModel.html index 79f173a36..bb863431c 100644 --- a/apidoc/classes/FieldArrayModel.html +++ b/apidoc/classes/FieldArrayModel.html @@ -157,7 +157,7 @@

    Protected

    Overrides BasicModel._displayName

    @@ -172,7 +172,7 @@

    Optional builder: FieldArrayBuilder<BasicBuilder<Item, Child>>

    @@ -187,7 +187,7 @@

    Readonly children$

    children$: BehaviorSubject<Child[]>
    @@ -198,7 +198,7 @@

    destroyOnUnmount

    @@ -214,7 +214,7 @@

    Readonly error$

    @@ -232,7 +232,7 @@

    normalizeBeforeSubmit

    normalizeBeforeSubmit: INormalizeBeforeSubmit<Item[], any> = ...
    @@ -248,7 +248,7 @@

    owner

    @@ -265,7 +265,7 @@

    children

  • @@ -288,7 +288,7 @@

    error

  • @@ -301,7 +301,7 @@

    Returns
    @@ -329,7 +329,7 @@

    form

  • Returns FormModel<UnknownFieldSetModelChildren>

    @@ -346,7 +346,7 @@

    valid$

  • Returns BehaviorSubject<boolean>

    @@ -363,7 +363,7 @@

    value

  • Returns readonly Item[]

    @@ -380,7 +380,7 @@

    value$

  • Returns BehaviorSubject<readonly Item[]>

    @@ -401,7 +401,7 @@

    _getValid$

    Parameters

    @@ -425,7 +425,7 @@

    clear

    @@ -448,7 +448,7 @@

    clearError

    @@ -471,7 +471,7 @@

    dirty

    @@ -495,7 +495,7 @@

    dispose

    Returns void

    @@ -512,7 +512,7 @@

    filter

  • @@ -569,7 +569,7 @@

    get

  • @@ -601,7 +601,7 @@

    getRawValue

    @@ -624,7 +624,7 @@

    getSubmitValue

    @@ -647,7 +647,7 @@

    initialize

    @@ -679,7 +679,7 @@

    patchValue

    @@ -710,7 +710,7 @@

    pop

  • @@ -734,7 +734,7 @@

    pristine

    @@ -757,7 +757,7 @@

    push

  • @@ -779,7 +779,7 @@

    Returns number
    @@ -811,7 +811,7 @@

    reset

    @@ -833,7 +833,7 @@

    shift

  • @@ -856,7 +856,7 @@

    sort

  • @@ -910,7 +910,7 @@

    splice

  • @@ -945,7 +945,7 @@

    Returns Child
    @@ -990,7 +990,7 @@

    touched

    @@ -1013,7 +1013,7 @@

    Protected triggerValidat

    Parameters

    @@ -1037,7 +1037,7 @@

    unshift

  • @@ -1059,7 +1059,7 @@

    Returns number
    @@ -1091,7 +1091,7 @@

    valid

    Returns boolean

    @@ -1109,7 +1109,7 @@

    validate

    diff --git a/apidoc/classes/FieldBuilder.html b/apidoc/classes/FieldBuilder.html index eec4d457a..df19d1a7f 100644 --- a/apidoc/classes/FieldBuilder.html +++ b/apidoc/classes/FieldBuilder.html @@ -128,7 +128,7 @@

    constructor

    Type parameters

    @@ -164,7 +164,7 @@

    Protected _normalizeBefo @@ -175,7 +175,7 @@

    Protected _validators

    @@ -193,7 +193,7 @@

    build

    Parameters

    @@ -217,7 +217,7 @@

    normalizeBeforeSubmit

    Type parameters

    @@ -247,7 +247,7 @@

    validators

    diff --git a/apidoc/classes/FieldModel.html b/apidoc/classes/FieldModel.html index aa0cbc74b..4abf2df9f 100644 --- a/apidoc/classes/FieldModel.html +++ b/apidoc/classes/FieldModel.html @@ -147,7 +147,7 @@

    Protected

    Overrides BasicModel._displayName

    @@ -162,7 +162,7 @@

    Readonly _valid$

    _valid$: BehaviorSubject<boolean> = ...
    @@ -172,7 +172,7 @@

    Readonly _value$

    _value$: BehaviorSubject<Value> = ...
    @@ -182,7 +182,7 @@

    Optional builder: FieldBuilder<Value>

    @@ -198,7 +198,7 @@

    destroyOnUnmount

    @@ -214,7 +214,7 @@

    Readonly error$

    @@ -232,7 +232,7 @@

    isCompositing

    isCompositing: boolean = false
    @@ -247,7 +247,7 @@

    isTouched

    isTouched: boolean = false
    @@ -257,7 +257,7 @@

    normalizeBeforeSubmit

    normalizeBeforeSubmit: INormalizeBeforeSubmit<Value, any> = ...
    @@ -273,7 +273,7 @@

    owner

    @@ -291,7 +291,7 @@

    error

  • @@ -304,7 +304,7 @@

    Returns
    @@ -332,7 +332,7 @@

    form

  • Returns FormModel<UnknownFieldSetModelChildren>

    @@ -349,7 +349,7 @@

    valid$

  • Returns BehaviorSubject<boolean>

    @@ -367,7 +367,7 @@

    value

  • Returns Value

    @@ -375,7 +375,7 @@

    Returns Value

    Parameters

    @@ -398,7 +398,7 @@

    value$

  • Returns BehaviorSubject<Value>

    @@ -419,7 +419,7 @@

    clear

    @@ -442,7 +442,7 @@

    clearError

    Returns void

    @@ -460,7 +460,7 @@

    dirty

    @@ -484,7 +484,7 @@

    dispose

    Returns void

    @@ -502,7 +502,7 @@

    getRawValue

    Returns Value

    @@ -520,7 +520,7 @@

    getSubmitValue

    @@ -543,7 +543,7 @@

    initialize

    @@ -575,7 +575,7 @@

    patchValue

    @@ -607,7 +607,7 @@

    pristine

    @@ -630,7 +630,7 @@

    reset

    @@ -653,7 +653,7 @@

    touched

    @@ -676,7 +676,7 @@

    Protected triggerValidat

    Parameters

    @@ -700,7 +700,7 @@

    valid

    Returns boolean

    @@ -718,7 +718,7 @@

    validate

    diff --git a/apidoc/classes/FieldSetBuilder.html b/apidoc/classes/FieldSetBuilder.html index 4791ed805..4b6dbde81 100644 --- a/apidoc/classes/FieldSetBuilder.html +++ b/apidoc/classes/FieldSetBuilder.html @@ -134,7 +134,7 @@

    constructor

    Type parameters

    @@ -170,7 +170,7 @@

    Protected _normalizeBefo @@ -181,7 +181,7 @@

    Protected _validators

    @@ -199,7 +199,7 @@

    build

    Parameters

    @@ -222,7 +222,7 @@

    get

  • @@ -257,7 +257,7 @@

    normalizeBeforeSubmit

    Type parameters

    @@ -287,7 +287,7 @@

    validators

    diff --git a/apidoc/classes/FieldSetModel.html b/apidoc/classes/FieldSetModel.html index e8b5c0291..2ab45bdd2 100644 --- a/apidoc/classes/FieldSetModel.html +++ b/apidoc/classes/FieldSetModel.html @@ -151,7 +151,7 @@

    Protected

    Overrides BasicModel._displayName

    @@ -166,7 +166,7 @@

    Optional builder: FieldSetBuilder<UnknownFieldSetBuilderChildren>

    @@ -181,7 +181,7 @@

    Readonly childRegister$childRegister$: Subject<string> = ...

    @@ -191,7 +191,7 @@

    Readonly childRemove$

    childRemove$: Subject<string> = ...

    @@ -201,7 +201,7 @@

    Readonly children

    children: Children = ...
    @@ -212,7 +212,7 @@

    destroyOnUnmount

    @@ -228,7 +228,7 @@

    Readonly error$

    @@ -246,7 +246,7 @@

    normalizeBeforeSubmit

    normalizeBeforeSubmit: INormalizeBeforeSubmit<$FieldSetValue<Children>, any> = ...
    @@ -262,7 +262,7 @@

    owner

    @@ -280,7 +280,7 @@

    error

  • @@ -293,7 +293,7 @@

    Returns
    @@ -321,7 +321,7 @@

    form

  • Returns FormModel<UnknownFieldSetModelChildren>

    @@ -338,7 +338,7 @@

    valid$

  • Returns BehaviorSubject<boolean>

    @@ -355,7 +355,7 @@

    value

  • Returns $FieldSetValue<Children>

    @@ -372,7 +372,7 @@

    value$

  • Returns BehaviorSubject<$FieldSetValue<Children>>

    @@ -393,7 +393,7 @@

    _getValid$

    Parameters

    @@ -417,7 +417,7 @@

    _getValue$

    Parameters

    @@ -441,7 +441,7 @@

    clear

    @@ -464,7 +464,7 @@

    clearError

    @@ -487,7 +487,7 @@

    dirty

    @@ -511,7 +511,7 @@

    dispose

    Returns void

    @@ -528,7 +528,7 @@

    get

  • @@ -566,7 +566,7 @@

    getRawValue

    @@ -589,7 +589,7 @@

    getSubmitValue

    @@ -612,7 +612,7 @@

    initialize

    @@ -644,7 +644,7 @@

    patchValue

    @@ -676,7 +676,7 @@

    pristine

    @@ -698,7 +698,7 @@

    registerChild

  • @@ -735,7 +735,7 @@

    removeChild

  • @@ -774,7 +774,7 @@

    reset

    @@ -797,7 +797,7 @@

    touched

    @@ -820,7 +820,7 @@

    Protected triggerValidat

    Parameters

    @@ -844,7 +844,7 @@

    valid

    Returns boolean

    @@ -862,7 +862,7 @@

    validate

    diff --git a/apidoc/classes/Form.html b/apidoc/classes/Form.html index 0dadbdc81..841d465a1 100644 --- a/apidoc/classes/Form.html +++ b/apidoc/classes/Form.html @@ -262,7 +262,7 @@

    Readonly formRef

    formRef: RefObject<HTMLFormElement> = ...
    @@ -320,7 +320,7 @@

    Static CombineErrors

    CombineErrors: typeof CombineErrors = ...
    @@ -330,7 +330,7 @@

    Static FieldSetValueFieldSetValue: (__namedParameters: IFieldSetValueProps) => Element = ...

    @@ -366,7 +366,7 @@

    Static FieldValid

    FieldValid: <T>(props: IFieldValidProps<T>) => React.ReactElement | null = ...
    @@ -409,7 +409,7 @@

    Static FieldValue

    FieldValue: <T>(props: IFieldValueProps<T>) => React.ReactElement | null = ...
    @@ -451,7 +451,7 @@

    Static TouchWhen

    TouchWhen: typeof TouchWhen = ...
    @@ -461,7 +461,7 @@

    Static ValidateOccasion

    ValidateOccasion: typeof ValidateOccasion = ...
    @@ -471,7 +471,7 @@

    Static ValidateOption

    ValidateOption: typeof ValidateOption = ...
    @@ -481,7 +481,7 @@

    Static array

    array: <ChildBuilder>(childBuilder: ChildBuilder) => FieldArrayBuilder<ChildBuilder> = ...
    @@ -559,7 +559,7 @@

    Static createAsyncVali
    createAsyncValidator: <T>(validator: (value: T, context: ValidatorContext<T>) => null | Observable<IMaybeError<T>> | Promise<IMaybeError<T>>) => IAsyncValidator<T> = ...
    @@ -625,7 +625,7 @@

    Static displayName

    displayName: string = 'ZentForm'
    @@ -635,7 +635,7 @@

    Static field

    field: <T>(defaultValue: T) => FieldBuilder<T> = ...
    @@ -680,7 +680,7 @@

    Static form

    form: <ChildBuilders>(childBuilders: ChildBuilders) => FormBuilder<ChildBuilders> = ...
    @@ -725,7 +725,7 @@

    Static isAsyncValidato
    isAsyncValidator: <T>(validator: ISyncValidator<T> | IAsyncValidator<T>) => validator is IAsyncValidator<T> = ...
    @@ -770,7 +770,7 @@

    Static set

    set: <ChildBuilders>(childBuilders: ChildBuilders) => FieldSetBuilder<ChildBuilders> = ...
    @@ -815,7 +815,7 @@

    Static useField

    useField: { <Value>(field: string | ModelRef<Value, any, FieldModel<Value>>, defaultValue: Value | (() => Value), validators?: IValidators<Value>): FieldModel<Value>; <Value>(field: FieldModel<Value> | ModelRef<Value, any, FieldModel<Value>>): FieldModel<Value> } = ...
    @@ -897,7 +897,7 @@

    Static useFieldArrayuseFieldArray: { <Item, Child>(field: string | ModelRef<readonly Item[], any, FieldArrayModel<Item, Child>>, validators?: IValidators<readonly (Item | null)[]>, defaultValue?: Item[]): FieldArrayModel<Item, Child>; <Item, Child>(field: FieldArrayModel<Item, Child>): FieldArrayModel<Item, Child> } = ...

    @@ -985,7 +985,7 @@

    Static useFieldArrayuseFieldArrayChildModels: <Item, Child>(field: string | FieldArrayModel<Item, Child>) => Child[] | null = ...

    @@ -1030,7 +1030,7 @@

    Static useFieldArrayuseFieldArrayValue: <Item, Child>(field: string | FieldArrayModel<Item, Child>) => Child[] | null = ...

    @@ -1082,7 +1082,7 @@

    Static useFieldSet

    useFieldSet: { <T>(field: string | ModelRef<$FieldSetValue<T>, any, FieldSetModel<T>>, validators?: IValidators<$FieldSetValue<T>>): IUseFieldSet<T>; <T>(field: FieldSetModel<T>): IUseFieldSet<T> } = ...
    @@ -1158,7 +1158,7 @@

    Static useFieldValiduseFieldValid: <T>(field: string | IModel<T>) => boolean | null = ...

    @@ -1203,7 +1203,7 @@

    Static useFieldValueuseFieldValue: <T>(field: string | IModel<T>) => T | null = ...

    @@ -1248,7 +1248,7 @@

    Static useForm

    useForm: <T>(arg: View | FormBuilder<T>) => ZentForm<$FieldSetBuilderChildren<T>> = ...
    @@ -1285,7 +1285,7 @@

    Static useFormValiduseFormValid: <T>(form: ZentForm<T>) => boolean = ...

    @@ -1330,7 +1330,7 @@

    Static useFormValueuseFormValue: <T>(form: ZentForm<T>, defaultValue?: $FieldSetValue<T>) => $FieldSetValue<T> = ...

    @@ -1380,7 +1380,7 @@

    Static useModelValiduseModelValid: <T>(model: IModel<T>) => boolean | null = ...

    @@ -1429,7 +1429,7 @@

    Static useModelValueuseModelValue: <T>(model: IModel<T>) => T | null = ...

    @@ -1478,7 +1478,7 @@

    Static useNamedChilduseNamedChildModel: <T, K>(fieldSet: FieldSetModel<T>, name: K) => T[K] = ...

    @@ -1711,7 +1711,7 @@

    componentDidMount

    Returns void

    @@ -1729,7 +1729,7 @@

    componentDidUpdate

    Parameters

    @@ -1838,7 +1838,7 @@

    componentWillUnmount

    Returns void

    @@ -1977,7 +1977,7 @@

    render

    Returns Element

    @@ -1994,7 +1994,7 @@

    scrollToFirstError

  • Returns void

    diff --git a/apidoc/classes/FormBuilder.html b/apidoc/classes/FormBuilder.html index 94bb63ce4..b084e31d8 100644 --- a/apidoc/classes/FormBuilder.html +++ b/apidoc/classes/FormBuilder.html @@ -129,7 +129,7 @@

    constructor

    Type parameters

    @@ -166,7 +166,7 @@

    Protected _normalizeBefo @@ -177,7 +177,7 @@

    Protected _validators

    @@ -195,7 +195,7 @@

    build

    Parameters

    @@ -219,7 +219,7 @@

    get

    @@ -254,7 +254,7 @@

    normalizeBeforeSubmit

    Type parameters

    @@ -284,7 +284,7 @@

    validators

    diff --git a/apidoc/classes/FormValidationError.html b/apidoc/classes/FormValidationError.html index ced13cba9..b68b31050 100644 --- a/apidoc/classes/FormValidationError.html +++ b/apidoc/classes/FormValidationError.html @@ -120,7 +120,7 @@

    constructor

    Parameters

    diff --git a/apidoc/classes/Grid.html b/apidoc/classes/Grid.html index 3c306006e..ab15837c3 100644 --- a/apidoc/classes/Grid.html +++ b/apidoc/classes/Grid.html @@ -204,7 +204,7 @@

    constructor

    Type parameters

    @@ -238,7 +238,7 @@

    bodyTable

    bodyTable: RefObject<HTMLDivElement> = ...
    @@ -277,7 +277,7 @@

    footEl

    footEl: Element
    @@ -287,7 +287,7 @@

    footNode

    footNode: RefObject<Footer> = ...
    @@ -297,7 +297,7 @@

    getExpandBodyRender

    getExpandBodyRender: (expandRowKeys: boolean[], expandation: IGridExpandation<any>) => IGridColumnBodyRenderFunc<Data> = ...
    @@ -331,7 +331,7 @@

    gridNode

    gridNode: RefObject<HTMLDivElement> = ...
    @@ -341,7 +341,7 @@

    handleBatchSelect

    handleBatchSelect: (type: "selectAll" | "removeAll", datasets: readonly Data[]) => void = ...
    @@ -375,7 +375,7 @@

    handleBodyScrollRunOnceNextFrame

    handleBodyScrollRunOnceNextFrame: (e: UIEvent<HTMLDivElement, UIEvent>) => void & ICancelable = ...
    @@ -385,7 +385,7 @@

    headerEl

    headerEl: Element
    @@ -395,7 +395,7 @@

    headerNode

    headerNode: RefObject<Header<Data>> = ...
    @@ -405,7 +405,7 @@

    isAnyColumnsFixed

    isAnyColumnsFixed: () => boolean = ...
    @@ -430,7 +430,7 @@

    isAnyColumnsLeftFixed

    isAnyColumnsLeftFixed: () => boolean = ...
    @@ -455,7 +455,7 @@

    isAnyColumnsRightFixed

    isAnyColumnsRightFixed: () => boolean = ...
    @@ -480,7 +480,7 @@

    lastScrollLeft

    lastScrollLeft: number
    @@ -490,7 +490,7 @@

    lastScrollTop

    lastScrollTop: number
    @@ -500,7 +500,7 @@

    leftBody

    leftBody: RefObject<HTMLDivElement> = ...
    @@ -510,7 +510,7 @@

    mounted

    mounted: boolean = false
    @@ -557,7 +557,7 @@

    renderSelectionCheckbox

    renderSelectionCheckbox: () => IGridColumnBodyRenderFunc<Data> = ...
    @@ -582,7 +582,7 @@

    renderSelectionRadio

    renderSelectionRadio: () => IGridColumnBodyRenderFunc<Data> = ...
    @@ -607,7 +607,7 @@

    rightBody

    rightBody: RefObject<HTMLDivElement> = ...
    @@ -617,7 +617,7 @@

    scrollBody

    scrollBody: RefObject<HTMLDivElement> = ...
    @@ -627,7 +627,7 @@

    scrollHeader

    scrollHeader: RefObject<HTMLDivElement> = ...
    @@ -637,7 +637,7 @@

    scrollPosition

    scrollPosition: GridScrollPosition
    @@ -647,7 +647,7 @@

    selectionPropsCache

    selectionPropsCache: {} = {}
    @@ -684,7 +684,7 @@

    stickyHead

    stickyHead: RefObject<HTMLDivElement> = ...
    @@ -694,7 +694,7 @@

    store

    store: default = ...
    @@ -737,7 +737,7 @@

    Static defaultProps

    defaultProps: Partial<IGridProps<any, {}, string>> = ...
    @@ -925,7 +925,7 @@

    componentDidMount

    Returns void

    @@ -943,7 +943,7 @@

    componentDidUpdate

    Parameters

    @@ -1004,7 +1004,7 @@

    componentWillReceiveProps

    Parameters

    @@ -1028,7 +1028,7 @@

    componentWillUnmount

    Returns void

    @@ -1094,7 +1094,7 @@

    forceScroll

  • Parameters

    @@ -1159,7 +1159,7 @@

    getBatchComponents

  • Parameters

    @@ -1182,7 +1182,7 @@

    getBatchFixedStyle

  • Returns { width: undefined } | { width: number }

    @@ -1199,7 +1199,7 @@

    getColumns

  • Parameters

    @@ -1228,7 +1228,7 @@

    getDataKey

  • Parameters

    @@ -1254,7 +1254,7 @@

    getEmpty

  • Parameters

    @@ -1277,7 +1277,7 @@

    getExpandRowKeys

  • Parameters

    @@ -1300,7 +1300,7 @@

    getLeftColumns

  • Returns any

    @@ -1317,7 +1317,7 @@

    getLeftFixedTable

  • Returns Element[]

    @@ -1334,7 +1334,7 @@

    getRightColumns

  • Returns any

    @@ -1351,7 +1351,7 @@

    getRightFixedTable

  • Returns Element[]

    @@ -1368,7 +1368,7 @@

    getSelectionColumn

  • Parameters

    @@ -1394,7 +1394,7 @@

    getSelectionPropsByItem

  • Parameters

    @@ -1467,7 +1467,7 @@

    getStickyHead

  • Returns Element

    @@ -1484,7 +1484,7 @@

    getTable

  • Parameters

    @@ -1524,7 +1524,7 @@

    handleBodyScroll

  • Parameters

    @@ -1547,7 +1547,7 @@

    handleExpandRow

  • Parameters

    @@ -1591,7 +1591,7 @@

    handleSelect

  • Parameters

    @@ -1620,7 +1620,7 @@

    isFixedLayout

  • Returns boolean

    @@ -1637,7 +1637,7 @@

    onChange

  • Parameters

    @@ -1660,7 +1660,7 @@

    onPaginationChange

  • Parameters

    @@ -1686,7 +1686,7 @@

    onResize

  • Returns void

    @@ -1703,7 +1703,7 @@

    onRowMouseEnter

  • Parameters

    @@ -1726,7 +1726,7 @@

    onScroll

  • Returns void

    @@ -1743,7 +1743,7 @@

    onSelectChange

  • Parameters

    @@ -1770,7 +1770,7 @@

    render

    Returns Element

    @@ -1787,7 +1787,7 @@

    setScrollPosition

  • Parameters

    @@ -1810,7 +1810,7 @@

    setScrollPositionClassName

  • Returns void

    @@ -1872,7 +1872,7 @@

    setStickyHeadWidth

  • Returns void

    @@ -1929,7 +1929,7 @@

    syncFixedTableRowHeight

  • Returns void

    @@ -1946,7 +1946,7 @@

    toggleBatchComponents

  • Returns void

    diff --git a/apidoc/classes/I18nReceiver.html b/apidoc/classes/I18nReceiver.html index 9dae6f0d6..134e7985f 100644 --- a/apidoc/classes/I18nReceiver.html +++ b/apidoc/classes/I18nReceiver.html @@ -206,7 +206,7 @@

    context

    @@ -265,7 +265,7 @@

    Static contextType

    @@ -741,7 +741,7 @@

    receive

  • Returns I18nLocaleDataType<T>

    @@ -759,7 +759,7 @@

    render

    Returns ReactNode

    diff --git a/apidoc/classes/ImageUpload.html b/apidoc/classes/ImageUpload.html index f5950921e..96464f76b 100644 --- a/apidoc/classes/ImageUpload.html +++ b/apidoc/classes/ImageUpload.html @@ -161,7 +161,7 @@

    constructor

    Parameters

    @@ -213,7 +213,7 @@

    emitOnError

    @@ -276,7 +276,7 @@

    Static FILE_UPLOAD_STA
    FILE_UPLOAD_STATUS: typeof FILE_UPLOAD_STATUS = ...
    @@ -319,7 +319,7 @@

    Static defaultProps

    defaultProps: Partial<IImageUploadProps> = ...
    @@ -336,7 +336,7 @@

    fileList

  • @@ -358,7 +358,7 @@

    isControlled

  • @@ -380,7 +380,7 @@

    remainAmount

  • @@ -793,7 +793,7 @@

    Protected createNew

    Parameters

    @@ -817,7 +817,7 @@

    deleteUploadItem

    @@ -846,7 +846,7 @@

    emitOnUpload

    @@ -950,7 +950,7 @@

    getUploadItem

    Parameters

    @@ -974,7 +974,7 @@

    Protected getUpload

    Parameters

    @@ -998,7 +998,7 @@

    onTriggerUploadFile

    @@ -1027,7 +1027,7 @@

    render

    Returns Element

    @@ -1045,7 +1045,7 @@

    Protected renderTips

    Overrides AbstractMultiUpload.renderTips

    Returns ReactNode

    @@ -1063,7 +1063,7 @@

    Protected renderTrigger<

    Parameters

    @@ -1087,7 +1087,7 @@

    Protected renderUpload

    Overrides AbstractMultiUpload.renderUploadList

    Parameters

    @@ -1111,7 +1111,7 @@

    retryUploadItem

    @@ -1225,7 +1225,7 @@

    updateFileList

    @@ -1272,7 +1272,7 @@

    updateUploadItem

    @@ -1304,7 +1304,7 @@

    updateUploadItemPercent

    @@ -1336,7 +1336,7 @@

    updateUploadItemStatusToFailed

    @@ -1365,7 +1365,7 @@

    updateUploadItemStatusToSuccess

    @@ -1397,7 +1397,7 @@

    Static getDerivedState

    Parameters

    diff --git a/apidoc/classes/Input.html b/apidoc/classes/Input.html index 51ede70e0..4ad94e723 100644 --- a/apidoc/classes/Input.html +++ b/apidoc/classes/Input.html @@ -201,7 +201,7 @@

    clearInput

    clearInput: MouseEventHandler<HTMLElement> = ...
    @@ -212,7 +212,7 @@

    context

    @@ -222,7 +222,7 @@

    elementRef

    elementRef: RefObject<HTMLInputElement & HTMLTextAreaElement> = ...
    @@ -232,7 +232,7 @@

    onBlur

    onBlur: FocusEventHandler<HTMLInputElement & HTMLTextAreaElement> = ...
    @@ -242,7 +242,7 @@

    onFocus

    onFocus: FocusEventHandler<HTMLInputElement & HTMLTextAreaElement> = ...
    @@ -290,7 +290,7 @@

    state

    @@ -309,7 +309,7 @@

    Static contextType

    @@ -319,7 +319,7 @@

    Static defaultProps

    defaultProps: { size: string; type: string } = ...
    @@ -340,7 +340,7 @@

    Static displayName

    displayName: string = 'ZentInput'
    @@ -357,7 +357,7 @@

    input

  • @@ -553,7 +553,7 @@

    componentDidMount

    Returns void

    @@ -764,7 +764,7 @@

    focus

  • Returns void

    @@ -853,7 +853,7 @@

    onKeyDown

  • Parameters

    @@ -877,7 +877,7 @@

    render

    Returns Element

    @@ -894,7 +894,7 @@

    renderImpl

  • Parameters

    @@ -917,7 +917,7 @@

    renderInput

  • Parameters

    @@ -940,7 +940,7 @@

    select

  • Parameters

    diff --git a/apidoc/classes/LayoutCol.html b/apidoc/classes/LayoutCol.html index f6815ebf7..2605feed2 100644 --- a/apidoc/classes/LayoutCol.html +++ b/apidoc/classes/LayoutCol.html @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { offset: number; order: number } = ...
    @@ -783,7 +783,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/LayoutGrid.html b/apidoc/classes/LayoutGrid.html index 15e002154..1a2e22fc4 100644 --- a/apidoc/classes/LayoutGrid.html +++ b/apidoc/classes/LayoutGrid.html @@ -252,7 +252,7 @@

    state

    @@ -769,7 +769,7 @@

    onBreakpointChange

  • Parameters

    @@ -796,7 +796,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/LayoutRow.html b/apidoc/classes/LayoutRow.html index 0bf85ecc7..c10d1eac8 100644 --- a/apidoc/classes/LayoutRow.html +++ b/apidoc/classes/LayoutRow.html @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { align: string; justify: string } = ...
    @@ -783,7 +783,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/LitePagination.html b/apidoc/classes/LitePagination.html index 3298f7f96..1e4c1f2e5 100644 --- a/apidoc/classes/LitePagination.html +++ b/apidoc/classes/LitePagination.html @@ -229,7 +229,7 @@

    getLayout

    @@ -341,7 +341,7 @@

    Static defaultProps

    defaultProps: { buttonBordered: boolean; current: number; pageSize: number; showQuickJumper: boolean; showSizeChanger: boolean } = ...
    @@ -378,7 +378,7 @@

    layoutFn

  • Returns (options: IPaginationLayoutOptions) => PaginationLayout[]

    @@ -420,7 +420,7 @@

    name

  • Returns string

    @@ -864,7 +864,7 @@

    getLayoutOptions

    Parameters

    @@ -924,7 +924,7 @@

    getTotal

    @@ -953,7 +953,7 @@

    getTotalPages

    Parameters

    @@ -980,7 +980,7 @@

    onPageChange

    Parameters

    @@ -1004,7 +1004,7 @@

    onPageSizeChange

    Parameters

    @@ -1028,7 +1028,7 @@

    render

    Returns Element

    @@ -1131,7 +1131,7 @@

    shouldUpdateLayout

    Parameters

    diff --git a/apidoc/classes/Mention.html b/apidoc/classes/Mention.html index 672dc3b4f..15e2e75a8 100644 --- a/apidoc/classes/Mention.html +++ b/apidoc/classes/Mention.html @@ -208,7 +208,7 @@

    BottomPosition

    BottomPosition: IPositionFunction = ...
    @@ -218,7 +218,7 @@

    TopPosition

    TopPosition: IPositionFunction = ...
    @@ -228,7 +228,7 @@

    _compositing

    _compositing: boolean
    @@ -267,7 +267,7 @@

    input

    input: HTMLInputElement | HTMLTextAreaElement = null
    @@ -277,7 +277,7 @@

    onInputScroll

    onInputScroll: () => void & ICancelable = ...
    @@ -325,7 +325,7 @@

    state

    @@ -352,7 +352,7 @@

    suggestionList

    suggestionList: SelectMenu = null
    @@ -395,7 +395,7 @@

    Static defaultProps

    defaultProps: { inline: boolean; multiLine: boolean; position: string; suggestionNotFoundContent: string; suggestions: any[]; triggerText: string } = ...
    @@ -606,7 +606,7 @@

    componentDidMount

    Returns void

    @@ -624,7 +624,7 @@

    componentDidUpdate

    Parameters

    @@ -841,7 +841,7 @@

    getCaretCoordinates

  • Parameters

    @@ -875,7 +875,7 @@

    getDefaultState

  • Returns { placeholder: any; position: any; search: any; suggestionVisible: boolean }

    @@ -942,7 +942,7 @@

    onCloseMenuList

  • Returns void

    @@ -959,7 +959,7 @@

    onInputBlur

  • Parameters

    @@ -982,7 +982,7 @@

    onInputChange

  • Parameters

    @@ -1005,7 +1005,7 @@

    onInputCompositionEnd

  • Returns void

    @@ -1022,7 +1022,7 @@

    onInputCompositionStart

  • Returns void

    @@ -1039,7 +1039,7 @@

    onInputKeyDown

  • Parameters

    @@ -1062,7 +1062,7 @@

    onInputKeyUp

  • Parameters

    @@ -1085,7 +1085,7 @@

    onSelectSuggestion

  • Parameters

    @@ -1108,7 +1108,7 @@

    onSelectionChange

  • Returns void

    @@ -1125,7 +1125,7 @@

    onSuggestionListRefChange

  • Parameters

    @@ -1148,7 +1148,7 @@

    onSuggestionVisibleChange

  • Parameters

    @@ -1172,7 +1172,7 @@

    render

    Returns Element

    @@ -1189,7 +1189,7 @@

    saveInputRef

  • Parameters

    @@ -1257,7 +1257,7 @@

    setStateIfChange

  • Parameters

    @@ -1280,7 +1280,7 @@

    setSuggestionVisible

  • @@ -1350,7 +1350,7 @@

    triggerEventCallback

  • Parameters

    diff --git a/apidoc/classes/Menu.html b/apidoc/classes/Menu.html index 4f8503f12..56ea8d051 100644 --- a/apidoc/classes/Menu.html +++ b/apidoc/classes/Menu.html @@ -143,7 +143,7 @@

    constructor

    Parameters

    @@ -242,7 +242,7 @@

    Static MenuItem

    MenuItem: typeof MenuItem = ...
    @@ -252,7 +252,7 @@

    Static SubMenu

    SubMenu: typeof default = ...
    @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { defaultExpandKeys: any[]; inlineIndent: number; mode: string; onClick: () => void; onSubMenuClick: () => void } = ...
    @@ -816,7 +816,7 @@

    handleClick

    Parameters

    @@ -842,7 +842,7 @@

    handleSelect

  • Parameters

    @@ -866,7 +866,7 @@

    render

    Returns Element

    @@ -884,7 +884,7 @@

    renderCommonMenuItem

    Parameters

    @@ -916,7 +916,7 @@

    renderMenuItem

  • Parameters

    @@ -1027,7 +1027,7 @@

    toggleExpand

  • Parameters

    @@ -1050,7 +1050,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/MenuCascader.html b/apidoc/classes/MenuCascader.html index 73cb4bd8b..9e61dd7c3 100644 --- a/apidoc/classes/MenuCascader.html +++ b/apidoc/classes/MenuCascader.html @@ -137,7 +137,7 @@

    constructor

    Parameters

    @@ -160,7 +160,7 @@

    context

    @@ -218,7 +218,7 @@

    tagsTriggerRef

    tagsTriggerRef: RefObject<TagsTrigger> = ...
    @@ -229,7 +229,7 @@

    Static contextType

    @@ -239,7 +239,7 @@

    Static defaultProps

    defaultProps: { async: boolean; clearable: boolean; expandTrigger: string; filter: (keyword: string, path: ICascaderItem[]) => boolean; highlight: (keyword: string, path: ICascaderItem[]) => ReactNode; limit: number; lineHeight: number; loadChildrenOnScroll: boolean; maxLine: any; multiple: boolean; multipleType: string; options: any[]; renderValue: (path: ICascaderItem[]) => string; scrollable: boolean; searchable: boolean; simplifySelectionMode: string; value: any[] } = ...
    @@ -837,7 +837,7 @@

    render

    Returns Element

    @@ -939,7 +939,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/MenuItem.html b/apidoc/classes/MenuItem.html index 4fec36362..83bff0265 100644 --- a/apidoc/classes/MenuItem.html +++ b/apidoc/classes/MenuItem.html @@ -761,7 +761,7 @@

    handleClick

  • Parameters

    @@ -785,7 +785,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/MiniPagination.html b/apidoc/classes/MiniPagination.html index 768cabbc8..2936a4e61 100644 --- a/apidoc/classes/MiniPagination.html +++ b/apidoc/classes/MiniPagination.html @@ -229,7 +229,7 @@

    getLayout

    @@ -341,7 +341,7 @@

    Static defaultProps

    defaultProps: { buttonBordered: boolean; current: number; pageSize: number } = ...
    @@ -372,7 +372,7 @@

    layoutFn

  • Returns (options: IPaginationLayoutOptions) => PaginationLayout[]

    @@ -407,7 +407,7 @@

    name

  • Returns string

    @@ -851,7 +851,7 @@

    getLayoutOptions

    Parameters

    @@ -911,7 +911,7 @@

    getTotal

    @@ -940,7 +940,7 @@

    getTotalPages

    Parameters

    @@ -967,7 +967,7 @@

    onPageChange

    Parameters

    @@ -991,7 +991,7 @@

    onPageSizeChange

    Parameters

    @@ -1015,7 +1015,7 @@

    render

    Returns Element

    @@ -1118,7 +1118,7 @@

    shouldUpdateLayout

    Parameters

    diff --git a/apidoc/classes/NumberInput.html b/apidoc/classes/NumberInput.html index 9720ce4fe..40da0a80c 100644 --- a/apidoc/classes/NumberInput.html +++ b/apidoc/classes/NumberInput.html @@ -141,7 +141,7 @@

    constructor

    Parameters

    @@ -164,7 +164,7 @@

    context

    @@ -174,7 +174,7 @@

    focused

    focused: boolean = false
    @@ -184,7 +184,7 @@

    inputRef

    inputRef: RefObject<Input> = ...
    @@ -242,7 +242,7 @@

    timer

    timer: any = null
    @@ -253,7 +253,7 @@

    Static contextType

    @@ -263,7 +263,7 @@

    Static defaultProps

    defaultProps: { decimal: number; integer: boolean; size: string; type: string } = ...
    @@ -468,7 +468,7 @@

    componentDidMount

    Returns void

    @@ -486,7 +486,7 @@

    componentDidUpdate

    Parameters

    @@ -740,7 +740,7 @@

    render

    Returns Element

    @@ -757,7 +757,7 @@

    renderChild

  • Parameters

    @@ -780,7 +780,7 @@

    renderInput

  • Returns Element

    @@ -882,7 +882,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Pagination.html b/apidoc/classes/Pagination.html index c250adf9c..211041967 100644 --- a/apidoc/classes/Pagination.html +++ b/apidoc/classes/Pagination.html @@ -229,7 +229,7 @@

    getLayout

    @@ -341,7 +341,7 @@

    Static defaultProps

    defaultProps: { buttonBordered: boolean; current: number; pageSize: number; showQuickJumper: boolean; showSizeChanger: boolean } = ...
    @@ -378,7 +378,7 @@

    layoutFn

  • Returns (options: IPaginationLayoutOptions) => PaginationLayout[]

    @@ -413,7 +413,7 @@

    name

  • Returns string

    @@ -857,7 +857,7 @@

    getLayoutOptions

    Parameters

    @@ -917,7 +917,7 @@

    getTotal

    @@ -946,7 +946,7 @@

    getTotalPages

    Parameters

    @@ -973,7 +973,7 @@

    onPageChange

    Parameters

    @@ -997,7 +997,7 @@

    onPageSizeChange

    Parameters

    @@ -1021,7 +1021,7 @@

    render

    Returns Element

    @@ -1124,7 +1124,7 @@

    shouldUpdateLayout

    Parameters

    diff --git a/apidoc/classes/Pop.html b/apidoc/classes/Pop.html index ef6342393..da2cd9e7c 100644 --- a/apidoc/classes/Pop.html +++ b/apidoc/classes/Pop.html @@ -257,7 +257,7 @@

    state

    @@ -311,7 +311,7 @@

    Static defaultProps

    defaultProps: { containerSelector: string; cushion: number; mouseEnterDelay: number; mouseLeaveDelay: number; position: string; trigger: string; type: string } = ...
    @@ -347,7 +347,7 @@

    Static withPop

    withPop: <Props>(Base: ComponentType<Props>) => ForwardRefExoticComponent<PropsWithoutRef<Omit<Props, "pop">> & RefAttributes<any>> = ...
    @@ -528,7 +528,7 @@

    adjustPosition

  • Returns void

    @@ -545,7 +545,7 @@

    changePending

  • Parameters

    @@ -764,7 +764,7 @@

    componentWillUnmount

    Returns void

    @@ -902,7 +902,7 @@

    getWrappedPopover

  • Returns Popover

    @@ -920,7 +920,7 @@

    render

    Returns Element

    @@ -937,7 +937,7 @@

    renderTrigger

  • Returns Element

    diff --git a/apidoc/classes/Popover.html b/apidoc/classes/Popover.html index 5e9cda4d1..affc006fa 100644 --- a/apidoc/classes/Popover.html +++ b/apidoc/classes/Popover.html @@ -201,7 +201,7 @@

    Readonly contentRef

    contentRef: RefObject<IPopoverContentImperativeHandle> = ...
    @@ -212,7 +212,7 @@

    context

    @@ -222,7 +222,7 @@

    getAnchor

    getAnchor: () => Element | Text = null
    @@ -253,7 +253,7 @@

    isPositionReady

    isPositionReady: boolean = false
    @@ -263,7 +263,7 @@

    Readonly portalRef

    portalRef: RefObject<IPortalImperativeHandlers> = ...
    @@ -311,7 +311,7 @@

    state

    @@ -329,7 +329,7 @@

    Static Anchor

    Anchor: typeof PopoverAnchor = ...
    @@ -339,7 +339,7 @@

    Static Content

    Content: (__namedParameters: IPopoverContentProps) => Element = ...
    @@ -370,7 +370,7 @@

    Static Context

    Context: Context<IPopoverContext> = ...
    @@ -380,7 +380,7 @@

    Static Position

    Position: __module = ...
    @@ -390,7 +390,7 @@

    Static Trigger

    Trigger: { Base: typeof PopoverTrigger; Click: <ChildProps>(__namedParameters: IPopoverClickTriggerProps<ChildProps>) => Element; Focus: <ChildProps>(__namedParameters: IPopoverFocusTriggerProps<ChildProps>) => Element; Hover: <ChildProps>(props: IPopoverHoverTriggerProps<ChildProps>) => Element } = ...
    @@ -497,7 +497,7 @@

    Static contextType

    @@ -507,7 +507,7 @@

    Static defaultProps

    defaultProps: { containerSelector: string; cushion: number } = ...
    @@ -528,7 +528,7 @@

    Static withPopover

    withPopover: <T>(Comp: ComponentType<T>) => ComponentType<Omit<T, "popover">> = ...
    @@ -709,7 +709,7 @@

    adjustPosition

  • Returns void

    @@ -726,7 +726,7 @@

    close

  • Returns void

    @@ -777,7 +777,7 @@

    componentDidMount

    Returns void

    @@ -795,7 +795,7 @@

    componentDidUpdate

    Parameters

    @@ -907,7 +907,7 @@

    componentWillUnmount

    Returns void

    @@ -1045,7 +1045,7 @@

    open

  • Returns void

    @@ -1063,7 +1063,7 @@

    render

    Returns Element

    @@ -1080,7 +1080,7 @@

    safeSetState

  • Parameters

    @@ -1163,7 +1163,7 @@

    setVisible

  • Parameters

    @@ -1226,7 +1226,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/PopoverAnchor.html b/apidoc/classes/PopoverAnchor.html index 4b905f983..612adee46 100644 --- a/apidoc/classes/PopoverAnchor.html +++ b/apidoc/classes/PopoverAnchor.html @@ -186,7 +186,7 @@

    context

    @@ -245,7 +245,7 @@

    Static contextType

    @@ -433,7 +433,7 @@

    componentDidMount

    Returns void

    @@ -572,7 +572,7 @@

    componentWillUnmount

    Returns void

    @@ -674,7 +674,7 @@

    getElement

  • Returns Element | Text

    @@ -728,7 +728,7 @@

    render

    Returns ReactNode

    diff --git a/apidoc/classes/PopoverTrigger.html b/apidoc/classes/PopoverTrigger.html index a77ce80d8..59a40f80b 100644 --- a/apidoc/classes/PopoverTrigger.html +++ b/apidoc/classes/PopoverTrigger.html @@ -223,7 +223,7 @@

    context

    @@ -282,7 +282,7 @@

    Static contextType

    @@ -758,7 +758,7 @@

    Protected getTrigger

    Parameters

    @@ -782,7 +782,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/PurePortal.html b/apidoc/classes/PurePortal.html index 4548ba424..072697886 100644 --- a/apidoc/classes/PurePortal.html +++ b/apidoc/classes/PurePortal.html @@ -199,7 +199,7 @@

    context

    @@ -209,7 +209,7 @@

    getContainer

    getContainer: (selector: string | HTMLElement) => Element = ...
    @@ -289,7 +289,7 @@

    Static contextType

    @@ -299,7 +299,7 @@

    Static defaultProps

    defaultProps: { append: boolean } = ...
    @@ -495,7 +495,7 @@

    componentDidMount

    Returns void

    @@ -634,7 +634,7 @@

    componentWillUnmount

    Returns void

    @@ -700,7 +700,7 @@

    contains

  • Parameters

    @@ -796,7 +796,7 @@

    render

    Returns ReactPortal

    diff --git a/apidoc/classes/Rate.html b/apidoc/classes/Rate.html index cd45d1e30..8761516d4 100644 --- a/apidoc/classes/Rate.html +++ b/apidoc/classes/Rate.html @@ -141,7 +141,7 @@

    constructor

    Parameters

    @@ -164,7 +164,7 @@

    context

    @@ -223,7 +223,7 @@

    Static contextType

    @@ -233,7 +233,7 @@

    Static defaultProps

    defaultProps: { allowClear: boolean; allowHalf: boolean; character: Element; count: number; readOnly: boolean; value: number } = ...
    @@ -732,7 +732,7 @@

    getStarDOM

  • Parameters

    @@ -755,7 +755,7 @@

    getStarValue

  • Parameters

    @@ -781,7 +781,7 @@

    onClick

  • Parameters

    @@ -807,7 +807,7 @@

    onHover

  • Parameters

    @@ -833,7 +833,7 @@

    onMouseLeave

  • Returns void

    @@ -851,7 +851,7 @@

    render

    Returns Element

    @@ -953,7 +953,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/ScrollAlert.html b/apidoc/classes/ScrollAlert.html index 99740e513..f627ad4e7 100644 --- a/apidoc/classes/ScrollAlert.html +++ b/apidoc/classes/ScrollAlert.html @@ -149,7 +149,7 @@

    constructor

    Parameters

    @@ -200,7 +200,7 @@

    firstChildHeight

    firstChildHeight: number = 0
    @@ -258,7 +258,7 @@

    timeoutId

    timeoutId: any
    @@ -301,7 +301,7 @@

    Static defaultProps

    defaultProps: { bordered: boolean; loading: boolean; scrollInterval: number; type: string } = ...
    @@ -335,7 +335,7 @@

    renderItem

  • Returns Element[]

    @@ -492,7 +492,7 @@

    clearTimer

  • @@ -548,7 +548,7 @@

    componentDidMount

    Returns void

    @@ -687,7 +687,7 @@

    componentWillUnmount

    Returns void

    @@ -753,7 +753,7 @@

    continueScroll

  • Returns void

    @@ -842,7 +842,7 @@

    onFirstChildRef

  • Parameters

    @@ -866,7 +866,7 @@

    render

    Returns Element

    @@ -883,7 +883,7 @@

    resetChildren

  • @@ -905,7 +905,7 @@

    scrollHandler

  • @@ -1012,7 +1012,7 @@

    stopScroll

  • Returns void

    diff --git a/apidoc/classes/Select.html b/apidoc/classes/Select.html index 4e35394bd..4fa367dda 100644 --- a/apidoc/classes/Select.html +++ b/apidoc/classes/Select.html @@ -179,7 +179,7 @@

    constructor

    Type parameters

    @@ -211,7 +211,7 @@

    context

    @@ -221,7 +221,7 @@

    filterOptions

    filterOptions: (keyword: string, options?: Item[], filter: false | ((keyword: string, item: Item) => boolean), creatable: boolean, isValidNewOption: (keyword: string, options: Item[]) => boolean, value: Item | Item[]) => Item[] = ...
    @@ -288,7 +288,7 @@

    inputRef

    inputRef: RefObject<HTMLInputElement> = ...
    @@ -298,7 +298,7 @@

    onKeywordChange

    onKeywordChange: ChangeEventHandler<HTMLInputElement> = ...
    @@ -308,7 +308,7 @@

    popoverRef

    popoverRef: RefObject<Popover> = ...
    @@ -355,7 +355,7 @@

    renderOption

    renderOption: IOptionRenderer<Key, Item> = ...
    @@ -376,7 +376,7 @@

    triggerRef

    triggerRef: RefObject<HTMLDivElement> = ...
    @@ -387,7 +387,7 @@

    Static contextType

    @@ -397,7 +397,7 @@

    Static defaultProps

    defaultProps: { clearable: boolean; creatable: boolean; filter: <Key, Item>(keyword: string, option: Item) => boolean; highlight: <Key, Item>(keyword: string, option: Item) => React.ReactNode; isEqual: <Key, Item>(a: Item, b: Item) => boolean; isValidNewOption: <Key>(keyword: string, options: ISelectItem<Key>[]) => boolean; loading: boolean; multiple: boolean; renderOptionList: <Key, Item>(options: Item[], renderOption: IOptionRenderer<Key, Item>) => ReactNode[]; size: string } = ...
    @@ -589,7 +589,7 @@

    Static reviveValue

    reviveValue: <K>(reviver: K | { key: K } | ISelectItem<K>["reviver"]) => ISelectItem<K> = ...
    @@ -633,7 +633,7 @@

    disabled

  • Returns boolean

    @@ -824,7 +824,7 @@

    componentDidMount

    Returns void

    @@ -842,7 +842,7 @@

    componentDidUpdate

    Parameters

    @@ -1023,7 +1023,7 @@

    focusSearchInput

  • Returns void

    @@ -1076,7 +1076,7 @@

    getSearchPlaceholder

  • Returns string

    @@ -1129,7 +1129,7 @@

    globalClick

  • Parameters

    @@ -1152,7 +1152,7 @@

    onClear

  • Parameters

    @@ -1175,7 +1175,7 @@

    onCreateClick

  • Returns void

    @@ -1192,7 +1192,7 @@

    onIndexChange

  • Parameters

    @@ -1215,7 +1215,7 @@

    onOptionMouseEnter

  • Parameters

    @@ -1238,7 +1238,7 @@

    onOptionMouseLeave

  • Parameters

    @@ -1261,7 +1261,7 @@

    onRemove

  • Parameters

    @@ -1284,7 +1284,7 @@

    onSelect

  • Parameters

    @@ -1307,7 +1307,7 @@

    onVisibleChange

  • Parameters

    @@ -1331,7 +1331,7 @@

    render

    Returns Element

    @@ -1348,7 +1348,7 @@

    renderPopoverContent

  • Parameters

    @@ -1371,7 +1371,7 @@

    renderTagCollapsedTrigger

  • Parameters

    @@ -1394,7 +1394,7 @@

    renderTagList

  • Parameters

    @@ -1420,7 +1420,7 @@

    renderValue

  • Parameters

    @@ -1443,7 +1443,7 @@

    resetKeyword

  • Parameters

    @@ -1466,7 +1466,7 @@

    selectCurrentIndex

  • Returns void

    @@ -1483,7 +1483,7 @@

    setKeyword

  • Parameters

    @@ -1594,7 +1594,7 @@

    tryReviveOption

  • Parameters

    @@ -1617,7 +1617,7 @@

    Static getDerivedState

  • Type parameters

    diff --git a/apidoc/classes/SelectMenu.html b/apidoc/classes/SelectMenu.html index 318383d35..5e29dd8ea 100644 --- a/apidoc/classes/SelectMenu.html +++ b/apidoc/classes/SelectMenu.html @@ -266,7 +266,7 @@

    Static caselessMatchFi
    caselessMatchFilterOption: (searchText: string, item: ISelectMenuItem) => boolean = ...
    @@ -333,7 +333,7 @@

    Static defaultProps

    defaultProps: { filterOption: (searchText: string, item: ISelectMenuItem) => boolean; nullOption: boolean } = ...
    @@ -841,7 +841,7 @@

    moveFocusIndexDown

  • @@ -863,7 +863,7 @@

    moveFocusIndexUp

  • Returns void

    @@ -881,7 +881,7 @@

    render

    Returns Element

    @@ -898,7 +898,7 @@

    selectCurrentFocusIndex

  • Parameters

    diff --git a/apidoc/classes/SingleUpload.html b/apidoc/classes/SingleUpload.html index 06cef1387..d04e3d14e 100644 --- a/apidoc/classes/SingleUpload.html +++ b/apidoc/classes/SingleUpload.html @@ -237,7 +237,7 @@

    emitOnError

    @@ -290,7 +290,7 @@

    state

    @@ -340,7 +340,7 @@

    isControlled

  • Returns boolean

    @@ -357,7 +357,7 @@

    value

  • Returns IUploadFileItem

    @@ -765,7 +765,7 @@

    createNewUploadFileItem

    Parameters

    @@ -789,7 +789,7 @@

    deleteUploadItem

    Parameters

    @@ -813,7 +813,7 @@

    emitOnUpload

    @@ -917,7 +917,7 @@

    getUploadItem

    Parameters

    @@ -941,7 +941,7 @@

    Protected getUpload
    @@ -969,7 +969,7 @@

    onChange

  • Parameters

    @@ -1011,7 +1011,7 @@

    onTriggerUploadFile

    Parameters

    @@ -1035,7 +1035,7 @@

    render

    Returns Element

    @@ -1052,7 +1052,7 @@

    renderItem

  • Parameters

    @@ -1076,7 +1076,7 @@

    Protected renderTips

    Overrides AbstractUpload.renderTips

    Returns Element

    @@ -1094,7 +1094,7 @@

    Protected renderTrigger<

    Parameters

    @@ -1118,7 +1118,7 @@

    retryUploadItem

    Parameters

    @@ -1227,7 +1227,7 @@

    updateUploadItem

    @@ -1259,7 +1259,7 @@

    updateUploadItemPercent

    @@ -1291,7 +1291,7 @@

    updateUploadItemStatusToFailed

    @@ -1320,7 +1320,7 @@

    updateUploadItemStatusToSuccess

    diff --git a/apidoc/classes/Slider.html b/apidoc/classes/Slider.html index 8b9851ca4..c584cbb47 100644 --- a/apidoc/classes/Slider.html +++ b/apidoc/classes/Slider.html @@ -187,7 +187,7 @@

    context

    @@ -235,7 +235,7 @@

    state

    @@ -246,7 +246,7 @@

    Static contextType

    @@ -256,7 +256,7 @@

    Static defaultProps

    defaultProps: { max: number; min: number; range: boolean; step: number; value: number; withInput: boolean } = ...
    @@ -756,7 +756,7 @@

    render

    Returns Element

    @@ -858,7 +858,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Sortable.html b/apidoc/classes/Sortable.html index 5a8516d9a..65dbea2ad 100644 --- a/apidoc/classes/Sortable.html +++ b/apidoc/classes/Sortable.html @@ -209,7 +209,7 @@

    containerRef

    containerRef: RefObject<HTMLElement> = ...
    @@ -285,7 +285,7 @@

    sortable

    sortable: Sortable
    @@ -339,7 +339,7 @@

    Static defaultProps

    defaultProps: { tag: string } = ...
    @@ -535,7 +535,7 @@

    componentDidMount

    Returns void

    @@ -674,7 +674,7 @@

    componentWillUnmount

    Returns void

    @@ -812,7 +812,7 @@

    handleAddDraggingCursor

  • Returns void

    @@ -829,7 +829,7 @@

    handleRemoveDraggingCursor

  • Returns void

    @@ -847,7 +847,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/SplitButton.html b/apidoc/classes/SplitButton.html index ecec60a11..11542660a 100644 --- a/apidoc/classes/SplitButton.html +++ b/apidoc/classes/SplitButton.html @@ -209,7 +209,7 @@

    context

    @@ -256,7 +256,7 @@

    splitButton

    splitButton: RefObject<HTMLDivElement> = ...
    @@ -267,7 +267,7 @@

    state

    @@ -286,7 +286,7 @@

    Static contextType

    @@ -296,7 +296,7 @@

    Static defaultProps

    defaultProps: { dropdownData: any[]; dropdownIcon: string; dropdownPosition: string; dropdownText: string; dropdownTrigger: string; dropdownValue: string; size: string; type: string } = ...
    @@ -801,7 +801,7 @@

    handleSelect

  • Parameters

    @@ -828,7 +828,7 @@

    render

    Returns Element

    @@ -930,7 +930,7 @@

    toggleDropdown

  • Parameters

    diff --git a/apidoc/classes/Steps.html b/apidoc/classes/Steps.html index 39c2650f5..f143053ea 100644 --- a/apidoc/classes/Steps.html +++ b/apidoc/classes/Steps.html @@ -263,7 +263,7 @@

    Static Step

    Step: typeof default = ...
    @@ -306,7 +306,7 @@

    Static defaultProps

    defaultProps: { className: string; current: number; direction: string; ghost: boolean; sequence: boolean; size: string; status: string; type: string } = ...
    @@ -812,7 +812,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/Swiper.html b/apidoc/classes/Swiper.html index c8368c9dc..71bff4bbf 100644 --- a/apidoc/classes/Swiper.html +++ b/apidoc/classes/Swiper.html @@ -209,7 +209,7 @@

    Optional autoplayTimerautoplayTimer: number

    @@ -248,7 +248,7 @@

    isMouseEnter

    isMouseEnter: boolean
    @@ -258,7 +258,7 @@

    isSwiping

    isSwiping: boolean
    @@ -306,7 +306,7 @@

    state

    @@ -324,7 +324,7 @@

    swiper

    swiper: HTMLDivElement
    @@ -334,7 +334,7 @@

    swiperContainer

    swiperContainer: HTMLDivElement
    @@ -344,7 +344,7 @@

    swiperWidth

    swiperWidth: number
    @@ -387,7 +387,7 @@

    Static defaultProps

    defaultProps: { arrows: boolean; arrowsDisabled: { left: boolean; right: boolean }; arrowsSize: string; arrowsType: string; autoplay: boolean; autoplayInterval: number; className: string; dots: boolean; dotsSize: string; dotsTheme: string; renderNextArrow: (onNext: () => void, disabled: boolean) => ReactNode; renderPrevArrow: (onPrev: () => void, disabled: boolean) => ReactNode; transitionDuration: number } = ...
    @@ -659,7 +659,7 @@

    clearAutoplay

  • Returns void

    @@ -676,7 +676,7 @@

    cloneChildren

  • Parameters

    @@ -733,7 +733,7 @@

    componentDidMount

    Returns void

    @@ -751,7 +751,7 @@

    componentDidUpdate

    Parameters

    @@ -863,7 +863,7 @@

    componentWillUnmount

    Returns void

    @@ -965,7 +965,7 @@

    getRealPrevIndex

  • Parameters

    @@ -1024,7 +1024,7 @@

    getSwiper

  • Parameters

    @@ -1047,7 +1047,7 @@

    getSwiperContainer

  • Parameters

    @@ -1070,7 +1070,7 @@

    handleDotsClick

  • Parameters

    @@ -1093,7 +1093,7 @@

    handleMouseEnter

  • Returns void

    @@ -1110,7 +1110,7 @@

    handleMouseLeave

  • Returns void

    @@ -1127,7 +1127,7 @@

    handleResize

  • Returns void

    @@ -1144,7 +1144,7 @@

    init

  • Parameters

    @@ -1167,7 +1167,7 @@

    next

  • Returns void

    @@ -1184,7 +1184,7 @@

    prev

  • Returns void

    @@ -1202,7 +1202,7 @@

    render

    Returns Element

    @@ -1219,7 +1219,7 @@

    resetPosition

  • Parameters

    @@ -1287,7 +1287,7 @@

    setSwiperWidth

  • Returns void

    @@ -1344,7 +1344,7 @@

    startAutoplay

  • Returns void

    @@ -1361,7 +1361,7 @@

    swipeTo

  • Parameters

    @@ -1384,7 +1384,7 @@

    translate

  • Parameters

    @@ -1413,7 +1413,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Switch.html b/apidoc/classes/Switch.html index 96a5d4f57..6cfd23fbe 100644 --- a/apidoc/classes/Switch.html +++ b/apidoc/classes/Switch.html @@ -187,7 +187,7 @@

    context

    @@ -246,7 +246,7 @@

    Static contextType

    @@ -256,7 +256,7 @@

    Static defaultProps

    defaultProps: { size: string } = ...
    @@ -741,7 +741,7 @@

    render

    Returns Element

    @@ -843,7 +843,7 @@

    toggle

  • Returns void

    diff --git a/apidoc/classes/Tabs.html b/apidoc/classes/Tabs.html index 85dc9fa01..610cd09dd 100644 --- a/apidoc/classes/Tabs.html +++ b/apidoc/classes/Tabs.html @@ -295,7 +295,7 @@

    Static TabPanel

    TabPanel: <Id>(props: React.PropsWithChildren<ITabPanelProps<Id>>) => Element = ...
    @@ -365,7 +365,7 @@

    Static defaultProps

    defaultProps: Partial<ITabsProps<string>> = ...
    @@ -382,7 +382,7 @@

    tabsCls

  • Returns string

    @@ -862,7 +862,7 @@

    getTabDataListFromChildren

    Parameters

    @@ -886,7 +886,7 @@

    getTabDataListFromTabs

    Parameters

    @@ -910,7 +910,7 @@

    render

    Returns Element

    @@ -928,7 +928,7 @@

    renderNav

    Parameters

    @@ -952,7 +952,7 @@

    renderTabPanel

    Parameters

    @@ -976,7 +976,7 @@

    renderWithPanel

    @@ -999,7 +999,7 @@

    renderWithoutPanel

    diff --git a/apidoc/classes/TabsCascader.html b/apidoc/classes/TabsCascader.html index 974b37fb6..926687563 100644 --- a/apidoc/classes/TabsCascader.html +++ b/apidoc/classes/TabsCascader.html @@ -149,7 +149,7 @@

    constructor

    Parameters

    @@ -172,7 +172,7 @@

    context

    @@ -182,7 +182,7 @@

    onClick

    onClick: CascaderTabsClickHandler = ...
    @@ -254,7 +254,7 @@

    Static contextType

    @@ -264,7 +264,7 @@

    Static defaultProps

    defaultProps: { changeOnSelect: boolean; clearable: boolean; options: any[]; renderValue: (path: ICascaderItem[]) => string; title: any[]; value: any[] } = ...
    @@ -327,7 +327,7 @@

    disabled

  • Returns boolean

    @@ -806,7 +806,7 @@

    getVisible

  • Returns boolean

    @@ -823,7 +823,7 @@

    isControlled

  • Returns boolean

    @@ -840,7 +840,7 @@

    onClear

  • Returns void

    @@ -857,7 +857,7 @@

    onTabsChange

  • Parameters

    @@ -880,7 +880,7 @@

    onVisibleChange

  • Parameters

    @@ -904,7 +904,7 @@

    render

    Returns Element

    @@ -966,7 +966,7 @@

    setVisible

  • Parameters

    @@ -1029,7 +1029,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Timeline.html b/apidoc/classes/Timeline.html index 609aed93a..377fd11c8 100644 --- a/apidoc/classes/Timeline.html +++ b/apidoc/classes/Timeline.html @@ -265,7 +265,7 @@

    Static Item

    Item: typeof TimelineItem = ...
    @@ -275,7 +275,7 @@

    Static Legend

    Legend: typeof TimelineLegend = ...
    @@ -318,7 +318,7 @@

    Static defaultProps

    defaultProps: { size: string; style: {}; type: string } = ...
    @@ -811,7 +811,7 @@

    render

    Returns Element

    @@ -828,7 +828,7 @@

    renderChildren

  • Returns any

    diff --git a/apidoc/classes/TimelineItem.html b/apidoc/classes/TimelineItem.html index 231c2c590..1e5bc7583 100644 --- a/apidoc/classes/TimelineItem.html +++ b/apidoc/classes/TimelineItem.html @@ -219,7 +219,7 @@

    mousePosition

    mousePosition: { x: number; y: number } = ...
    @@ -240,7 +240,7 @@

    popover

    popover: Popover = null
    @@ -250,7 +250,7 @@

    position

    position: IPositionFunction = ...
    @@ -341,7 +341,7 @@

    Static defaultProps

    defaultProps: { dotColor: string; lineColor: string; showDot: boolean; showLabel: boolean } = ...
    @@ -834,7 +834,7 @@

    onMouseMove

  • Parameters

    @@ -857,7 +857,7 @@

    popoverRef

  • Parameters

    @@ -881,7 +881,7 @@

    render

    Returns Element

    diff --git a/apidoc/classes/Tooltip.html b/apidoc/classes/Tooltip.html index 7ab285652..2dbf9e3e6 100644 --- a/apidoc/classes/Tooltip.html +++ b/apidoc/classes/Tooltip.html @@ -217,7 +217,7 @@

    popoverRef

    popoverRef: RefObject<Popover> = ...
    @@ -308,7 +308,7 @@

    Static defaultProps

    defaultProps: { centerArrow: boolean; containerSelector: string; cushion: number; position: string; trigger: string } = ...
    @@ -805,7 +805,7 @@

    render

    Returns Element

    @@ -822,7 +822,7 @@

    renderContent

  • Returns Element

    @@ -839,7 +839,7 @@

    renderTrigger

  • Returns Element

    diff --git a/apidoc/classes/Tree.html b/apidoc/classes/Tree.html index 573d8766b..da51adaca 100644 --- a/apidoc/classes/Tree.html +++ b/apidoc/classes/Tree.html @@ -153,7 +153,7 @@

    constructor

    Parameters

    @@ -285,7 +285,7 @@

    Static defaultProps

    defaultProps: { autoExpandOnSelect: boolean; checkable: boolean; dataType: string; foldable: boolean; selectable: boolean; size: string } = ...
    @@ -325,7 +325,7 @@

    disabledSelectedKeys

  • Returns any[]

    @@ -342,7 +342,7 @@

    isSelectControlled

  • Returns boolean

    @@ -359,7 +359,7 @@

    selectedKey

  • Returns string | number

    @@ -838,7 +838,7 @@

    handleCheckboxClick

  • Parameters

    @@ -861,7 +861,7 @@

    handleExpand

  • Parameters

    @@ -884,7 +884,7 @@

    handleExpandIconClick

  • Parameters

    @@ -911,7 +911,7 @@

    render

    Returns Element

    @@ -928,7 +928,7 @@

    renderCheckbox

  • Parameters

    @@ -951,7 +951,7 @@

    renderContent

  • Parameters

    @@ -977,7 +977,7 @@

    renderOperations

  • Parameters

    @@ -1003,7 +1003,7 @@

    renderSwitcher

  • Parameters

    @@ -1026,7 +1026,7 @@

    renderTreeNodes

  • Parameters

    @@ -1052,7 +1052,7 @@

    setSelectKeyState

  • Parameters

    @@ -1163,7 +1163,7 @@

    Static getDerivedState

  • Parameters

    diff --git a/apidoc/classes/Upload.html b/apidoc/classes/Upload.html index be2de419d..7670494c9 100644 --- a/apidoc/classes/Upload.html +++ b/apidoc/classes/Upload.html @@ -161,7 +161,7 @@

    constructor

    Parameters

    @@ -213,7 +213,7 @@

    emitOnError

    @@ -276,7 +276,7 @@

    Static FILE_UPLOAD_STA
    FILE_UPLOAD_STATUS: typeof FILE_UPLOAD_STATUS = ...
    @@ -319,7 +319,7 @@

    Static defaultProps

    defaultProps: Partial<IUploadProps> = ...
    @@ -336,7 +336,7 @@

    fileList

  • @@ -358,7 +358,7 @@

    isControlled

  • @@ -380,7 +380,7 @@

    remainAmount

  • @@ -793,7 +793,7 @@

    Protected createNew

    Parameters

    @@ -817,7 +817,7 @@

    deleteUploadItem

    @@ -846,7 +846,7 @@

    emitOnUpload

    @@ -950,7 +950,7 @@

    getUploadItem

    Parameters

    @@ -974,7 +974,7 @@

    Protected getUpload
    @@ -1003,7 +1003,7 @@

    onTriggerUploadFile

    @@ -1032,7 +1032,7 @@

    render

    Returns Element

    @@ -1050,7 +1050,7 @@

    Protected renderTips

    Overrides AbstractMultiUpload.renderTips

    Returns Element

    @@ -1068,7 +1068,7 @@

    Protected renderTrigger<

    Parameters

    @@ -1092,7 +1092,7 @@

    Protected renderUpload

    Overrides AbstractMultiUpload.renderUploadList

    Parameters

    @@ -1116,7 +1116,7 @@

    retryUploadItem

    @@ -1230,7 +1230,7 @@

    updateFileList

    @@ -1277,7 +1277,7 @@

    updateUploadItem

    @@ -1309,7 +1309,7 @@

    updateUploadItemPercent

    @@ -1341,7 +1341,7 @@

    updateUploadItemStatusToFailed

    @@ -1370,7 +1370,7 @@

    updateUploadItemStatusToSuccess

    @@ -1402,7 +1402,7 @@

    Static getDerivedState

    Parameters

    diff --git a/apidoc/classes/ValidatorContext.html b/apidoc/classes/ValidatorContext.html index 5e327b307..78eeaaa0d 100644 --- a/apidoc/classes/ValidatorContext.html +++ b/apidoc/classes/ValidatorContext.html @@ -127,7 +127,7 @@

    constructor

  • Type parameters

    @@ -169,7 +169,7 @@

    getFormValue

  • Type parameters

    @@ -192,7 +192,7 @@

    getSection

  • Returns IModel<any>

    @@ -209,7 +209,7 @@

    getSectionValue

  • Type parameters

    diff --git a/apidoc/classes/VerticalTabs.html b/apidoc/classes/VerticalTabs.html index 78b7ec90c..4e635a6df 100644 --- a/apidoc/classes/VerticalTabs.html +++ b/apidoc/classes/VerticalTabs.html @@ -296,7 +296,7 @@

    Static Divide

    Divide: typeof TabDivide = ...
    @@ -306,7 +306,7 @@

    Static TabPanel

    TabPanel: <Id>(props: React.PropsWithChildren<ITabPanelProps<Id>>) => Element = ...
    @@ -376,7 +376,7 @@

    Static defaultProps

    defaultProps: Partial<IVerticalTabsProps<string>> = ...
    @@ -393,7 +393,7 @@

    tabsCls

  • Returns string

    @@ -873,7 +873,7 @@

    getTabDataListFromChildren

    Parameters

    @@ -897,7 +897,7 @@

    getTabDataListFromTabs

    Parameters

    @@ -921,7 +921,7 @@

    render

    Returns Element

    @@ -939,7 +939,7 @@

    renderNav

    Parameters

    @@ -963,7 +963,7 @@

    renderTabPanel

    Parameters

    @@ -987,7 +987,7 @@

    renderWithPanel

    @@ -1010,7 +1010,7 @@

    renderWithoutPanel

    diff --git a/apidoc/classes/Waypoint.html b/apidoc/classes/Waypoint.html index 874403ca1..39939a5fb 100644 --- a/apidoc/classes/Waypoint.html +++ b/apidoc/classes/Waypoint.html @@ -295,7 +295,7 @@

    Static defaultProps

    defaultProps: { bottomOffset: number; fireOnRapidScroll: boolean; horizontal: boolean; topOffset: number } = ...
    @@ -500,7 +500,7 @@

    componentDidMount

    Returns void

    @@ -518,7 +518,7 @@

    componentDidUpdate

    Returns void

    @@ -621,7 +621,7 @@

    componentWillUnmount

    Returns void

    @@ -760,7 +760,7 @@

    render

    Returns Element

    diff --git a/apidoc/enums/CascaderChangeAction.html b/apidoc/enums/CascaderChangeAction.html index 861873862..a4c586cdd 100644 --- a/apidoc/enums/CascaderChangeAction.html +++ b/apidoc/enums/CascaderChangeAction.html @@ -87,7 +87,7 @@

    Change

    Change: = "change"
    @@ -97,7 +97,7 @@

    Clear

    Clear: = "clear"
    diff --git a/apidoc/enums/CascaderLoadAction.html b/apidoc/enums/CascaderLoadAction.html index 3750a9738..6d408fa2d 100644 --- a/apidoc/enums/CascaderLoadAction.html +++ b/apidoc/enums/CascaderLoadAction.html @@ -87,7 +87,7 @@

    LoadChildren

    LoadChildren: = "loadChildren"
    @@ -97,7 +97,7 @@

    Scroll

    Scroll: = "scroll"
    diff --git a/apidoc/enums/FormStrategy.html b/apidoc/enums/FormStrategy.html index 7cb08d66e..b79de2c71 100644 --- a/apidoc/enums/FormStrategy.html +++ b/apidoc/enums/FormStrategy.html @@ -87,7 +87,7 @@

    Model

    Model: = 0
    @@ -102,7 +102,7 @@

    View

    View: = 1
    diff --git a/apidoc/enums/LayoutBreakPoint.html b/apidoc/enums/LayoutBreakPoint.html index 2c5f676ca..84483e02a 100644 --- a/apidoc/enums/LayoutBreakPoint.html +++ b/apidoc/enums/LayoutBreakPoint.html @@ -92,7 +92,7 @@

    fhd

    fhd: = "(min-width: 1920px)"
    @@ -102,7 +102,7 @@

    lg

    lg: = "(min-width: 992px)"
    @@ -112,7 +112,7 @@

    md

    md: = "(min-width: 768px)"
    @@ -122,7 +122,7 @@

    sm

    sm: = "(min-width: 576px)"
    @@ -132,7 +132,7 @@

    xl

    xl: = "(min-width: 1200px)"
    @@ -142,7 +142,7 @@

    xs

    xs: = "(max-width: 575px)"
    @@ -152,7 +152,7 @@

    xxl

    xxl: = "(min-width: 1600px)"
    diff --git a/apidoc/enums/ValidateOccasion.html b/apidoc/enums/ValidateOccasion.html index f2cb5af19..8de66621c 100644 --- a/apidoc/enums/ValidateOccasion.html +++ b/apidoc/enums/ValidateOccasion.html @@ -89,7 +89,7 @@

    Blur

    Blur: = 2
    @@ -104,7 +104,7 @@

    Change

    Change: = 1
    @@ -119,7 +119,7 @@

    Default

    Default: = 3
    @@ -134,7 +134,7 @@

    None

    None: = 0
    diff --git a/apidoc/enums/ValidateOption.html b/apidoc/enums/ValidateOption.html index fcf7bfc49..d35ed451d 100644 --- a/apidoc/enums/ValidateOption.html +++ b/apidoc/enums/ValidateOption.html @@ -92,7 +92,7 @@

    Default

    Default: = 0
    @@ -102,7 +102,7 @@

    Empty

    Empty: = 0
    @@ -117,7 +117,7 @@

    ExcludePristine

    ExcludePristine: = 16
    @@ -132,7 +132,7 @@

    IncludeAsync

    IncludeAsync: = 2
    @@ -147,7 +147,7 @@

    IncludeChildrenRecursively

    IncludeChildrenRecursively: = 8
    @@ -162,7 +162,7 @@

    IncludeUntouched

    IncludeUntouched: = 4
    @@ -177,7 +177,7 @@

    StopPropagation

    StopPropagation: = 32
    diff --git a/apidoc/enums/WaypointPosition.html b/apidoc/enums/WaypointPosition.html index e132133fb..60654d432 100644 --- a/apidoc/enums/WaypointPosition.html +++ b/apidoc/enums/WaypointPosition.html @@ -90,7 +90,7 @@

    Above

    Above: = 0
    @@ -100,7 +100,7 @@

    Below

    Below: = 2
    @@ -110,7 +110,7 @@

    Inside

    Inside: = 1
    @@ -120,7 +120,7 @@

    Invisible

    Invisible: = 3
    @@ -130,7 +130,7 @@

    Unknown

    Unknown: = 4
    diff --git a/apidoc/enums/WeekStartsOnMap.html b/apidoc/enums/WeekStartsOnMap.html index c5145236d..be69ce889 100644 --- a/apidoc/enums/WeekStartsOnMap.html +++ b/apidoc/enums/WeekStartsOnMap.html @@ -92,7 +92,7 @@

    Friday

    Friday: = 5
    @@ -102,7 +102,7 @@

    Monday

    Monday: = 1
    @@ -112,7 +112,7 @@

    Saturday

    Saturday: = 6
    @@ -122,7 +122,7 @@

    Sunday

    Sunday: = 0
    @@ -132,7 +132,7 @@

    Thursday

    Thursday: = 4
    @@ -142,7 +142,7 @@

    Tuesday

    Tuesday: = 2
    @@ -152,7 +152,7 @@

    Wednesday

    Wednesday: = 3
    diff --git a/apidoc/interfaces/FieldUtils.ICompositionHandlers.html b/apidoc/interfaces/FieldUtils.ICompositionHandlers.html index d18b28535..179bf737b 100644 --- a/apidoc/interfaces/FieldUtils.ICompositionHandlers.html +++ b/apidoc/interfaces/FieldUtils.ICompositionHandlers.html @@ -106,7 +106,7 @@

    onCompositionEnd

    onCompositionEnd: CompositionEventHandler<E>
    @@ -116,7 +116,7 @@

    onCompositionStart

    onCompositionStart: CompositionEventHandler<E>
    diff --git a/apidoc/interfaces/IAbstractMultiUploadProps.html b/apidoc/interfaces/IAbstractMultiUploadProps.html index f86457036..83000ab32 100644 --- a/apidoc/interfaces/IAbstractMultiUploadProps.html +++ b/apidoc/interfaces/IAbstractMultiUploadProps.html @@ -148,7 +148,7 @@

    Optional accept

    @@ -164,7 +164,7 @@

    Optional className

    @@ -180,7 +180,7 @@

    Optional customUpload

    Inherited from IAbstractUploadProps.customUploadItem

    @@ -195,7 +195,7 @@

    Optional defaultFile
    defaultFileList: UPLOAD_ITEM[]
    @@ -211,7 +211,7 @@

    Optional disabled

    @@ -226,7 +226,7 @@

    Optional fileList

    fileList: UPLOAD_ITEM[]
    @@ -242,7 +242,7 @@

    Optional manualUpload

    Inherited from IAbstractUploadProps.manualUpload

    @@ -257,7 +257,7 @@

    Optional maxAmount

    maxAmount: number
    @@ -273,7 +273,7 @@

    Optional maxSize

    @@ -288,7 +288,7 @@

    Optional multiple

    multiple: boolean
    @@ -303,7 +303,7 @@

    onChange

    onChange: IUploadOnChangeHandler<IUploadFileItemInner<UPLOAD_ITEM>[], UPLOAD_ITEM>
    @@ -319,7 +319,7 @@

    Optional onError

    @@ -335,7 +335,7 @@

    Optional onUpload

    @@ -350,7 +350,7 @@

    Optional sortable

    sortable: boolean
    @@ -373,7 +373,7 @@

    Optional beforeUpload

    Inherited from IAbstractUploadProps.beforeUpload

    diff --git a/apidoc/interfaces/IAbstractUploadListProps.html b/apidoc/interfaces/IAbstractUploadListProps.html index e747cc5b2..2c070964b 100644 --- a/apidoc/interfaces/IAbstractUploadListProps.html +++ b/apidoc/interfaces/IAbstractUploadListProps.html @@ -124,7 +124,7 @@

    Optional customUploadcustomUploadItem: ComponentType<UPLOAD_ITEM_COMP_PROPS>

    @@ -134,7 +134,7 @@

    fileList

    fileList: UPLOAD_ITEM[]
    @@ -144,7 +144,7 @@

    i18n

    i18n: II18nLocaleUpload
    @@ -154,7 +154,7 @@

    Optional sortable

    sortable: boolean
    @@ -171,7 +171,7 @@

    onDelete

  • Parameters

    @@ -194,7 +194,7 @@

    onRetry

  • Parameters

    @@ -217,7 +217,7 @@

    onSortChange

  • Parameters

    diff --git a/apidoc/interfaces/IAbstractUploadProps.html b/apidoc/interfaces/IAbstractUploadProps.html index ebac86870..223fa910a 100644 --- a/apidoc/interfaces/IAbstractUploadProps.html +++ b/apidoc/interfaces/IAbstractUploadProps.html @@ -136,7 +136,7 @@

    Optional accept

    accept: string
    @@ -151,7 +151,7 @@

    Optional className

    className: string
    @@ -166,7 +166,7 @@

    Optional customUploadcustomUploadItem: ComponentType<UPLOAD_ITEM_COMP_PROPS>

    @@ -181,7 +181,7 @@

    Optional disabled

    disabled: boolean
    @@ -196,7 +196,7 @@

    Optional manualUpload

    manualUpload: boolean
    @@ -211,7 +211,7 @@

    Optional maxSize

    maxSize: number
    @@ -226,7 +226,7 @@

    Optional onError

    onError: IUploadOnErrorHandler
    @@ -241,7 +241,7 @@

    Optional onUpload

    onUpload: IUploadOnUploadHandler<ON_UPLOAD_SUCCESS_RETURN>
    @@ -263,7 +263,7 @@

    Optional beforeUpload

    diff --git a/apidoc/interfaces/IAbstractUploadTriggerProps.html b/apidoc/interfaces/IAbstractUploadTriggerProps.html index ac446feb3..5198f1b1b 100644 --- a/apidoc/interfaces/IAbstractUploadTriggerProps.html +++ b/apidoc/interfaces/IAbstractUploadTriggerProps.html @@ -116,7 +116,7 @@

    Optional accept

    accept: string
    @@ -126,7 +126,7 @@

    Optional disabled

    disabled: boolean
    @@ -136,7 +136,7 @@

    Optional fileList

    fileList: UPLOAD_ITEM[]
    @@ -146,7 +146,7 @@

    i18n

    i18n: II18nLocaleUpload
    @@ -156,7 +156,7 @@

    maxAmount

    maxAmount: number
    @@ -166,7 +166,7 @@

    maxSize

    maxSize: number
    @@ -176,7 +176,7 @@

    Optional multiple

    multiple: boolean
    @@ -186,7 +186,7 @@

    onError

    onError: IUploadOnErrorHandler
    @@ -196,7 +196,7 @@

    Optional remainAmount

    remainAmount: number
    @@ -213,7 +213,7 @@

    onAddFile

  • Parameters

    diff --git a/apidoc/interfaces/IAffixImperativeHandlers.html b/apidoc/interfaces/IAffixImperativeHandlers.html index a8c9c44bc..e361688d2 100644 --- a/apidoc/interfaces/IAffixImperativeHandlers.html +++ b/apidoc/interfaces/IAffixImperativeHandlers.html @@ -98,7 +98,7 @@

    updatePosition

  • Returns void

    diff --git a/apidoc/interfaces/IAffixProps.html b/apidoc/interfaces/IAffixProps.html index 98b002e3c..bc6ad5e40 100644 --- a/apidoc/interfaces/IAffixProps.html +++ b/apidoc/interfaces/IAffixProps.html @@ -107,7 +107,7 @@

    Optional children

    children: ReactNode
    @@ -117,7 +117,7 @@

    Optional className

    className: string
    @@ -127,7 +127,7 @@

    Optional offsetBottom

    offsetBottom: number
    • @@ -137,7 +137,7 @@

    Optional offsetTop

    offsetTop: number
    @@ -147,7 +147,7 @@

    Optional placeholderClass
    placeholderClassName: string
    @@ -157,7 +157,7 @@

    Optional zIndex

    zIndex: number
    @@ -174,7 +174,7 @@

    Optional getAffixCon

  • Returns HTMLElement

    @@ -191,7 +191,7 @@

    Optional onPin

  • Returns void

    @@ -208,7 +208,7 @@

    Optional onUnpin

  • Returns void

    diff --git a/apidoc/interfaces/IAlertItemProps.html b/apidoc/interfaces/IAlertItemProps.html index ba3c35317..f2a0bbddb 100644 --- a/apidoc/interfaces/IAlertItemProps.html +++ b/apidoc/interfaces/IAlertItemProps.html @@ -104,7 +104,7 @@

    Optional closable

    closable: boolean
    @@ -114,7 +114,7 @@

    Optional closeContent

    closeContent: ReactNode

    • @@ -124,7 +124,7 @@

    Optional description

    description: ReactNode
    @@ -134,7 +134,7 @@

    Optional extraContent

    extraContent: ReactNode
    @@ -144,7 +144,7 @@

    Optional title

    title: ReactNode
    @@ -161,7 +161,7 @@

    Optional onClose

  • Returns void

    diff --git a/apidoc/interfaces/IAlertProps.html b/apidoc/interfaces/IAlertProps.html index 600a9c2cf..6272f3193 100644 --- a/apidoc/interfaces/IAlertProps.html +++ b/apidoc/interfaces/IAlertProps.html @@ -1331,7 +1331,7 @@

    Optional bordered

    @@ -1364,7 +1364,7 @@

    Optional closable

    @@ -1375,7 +1375,7 @@

    Optional closeContent

    Inherited from IAlertRenderProps.closeContent

    @@ -1386,7 +1386,7 @@

    Optional closeIconCo @@ -1397,7 +1397,7 @@

    Optional closed

    @@ -1493,7 +1493,7 @@

    Optional description

    @@ -1526,7 +1526,7 @@

    Optional extraContent

    Inherited from IAlertRenderProps.extraContent

    @@ -1548,7 +1548,7 @@

    Optional icon

    @@ -1689,7 +1689,7 @@

    Optional loading

    @@ -3460,7 +3460,7 @@

    Optional outline

    @@ -3493,7 +3493,7 @@

    Optional progress

    @@ -3636,7 +3636,7 @@

    Optional title

    @@ -3658,7 +3658,7 @@

    Optional type

    @@ -3709,7 +3709,7 @@

    Optional onClose

    Returns void

    diff --git a/apidoc/interfaces/IAnimateHeightProps.html b/apidoc/interfaces/IAnimateHeightProps.html index b39c86a6d..bdec38b28 100644 --- a/apidoc/interfaces/IAnimateHeightProps.html +++ b/apidoc/interfaces/IAnimateHeightProps.html @@ -101,7 +101,7 @@

    Optional appear

    appear: boolean
    @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    Optional duration

    duration: number
    @@ -131,7 +131,7 @@

    Optional easing

    easing: string
    @@ -141,7 +141,7 @@

    height

    height: string | number
    @@ -151,7 +151,7 @@

    overflow

    overflow: "hidden" | "scroll" | "auto"
    @@ -161,7 +161,7 @@

    Optional style

    style: CSSProperties
    @@ -171,7 +171,7 @@

    Optional transitionProtot
    transitionPrototype: string
    diff --git a/apidoc/interfaces/IAsyncValidator.html b/apidoc/interfaces/IAsyncValidator.html index 616b20564..1ef2e0a3a 100644 --- a/apidoc/interfaces/IAsyncValidator.html +++ b/apidoc/interfaces/IAsyncValidator.html @@ -109,7 +109,7 @@

    Optional $$id

    $$id: any
    @@ -119,7 +119,7 @@

    [ASYNC_VALIDATOR]

    [ASYNC_VALIDATOR]: true
    @@ -136,7 +136,7 @@

    validator

  • Parameters

    diff --git a/apidoc/interfaces/IAutoCompleteMenuObjectItem.html b/apidoc/interfaces/IAutoCompleteMenuObjectItem.html index 2d5bcdf77..0b1a0e450 100644 --- a/apidoc/interfaces/IAutoCompleteMenuObjectItem.html +++ b/apidoc/interfaces/IAutoCompleteMenuObjectItem.html @@ -113,7 +113,7 @@

    Optional active

    @@ -124,7 +124,7 @@

    Optional className

    @@ -135,7 +135,7 @@

    Optional content

    @@ -145,7 +145,7 @@

    Optional contentField

    contentField: string
    • @@ -156,7 +156,7 @@

    Optional disabled

    @@ -167,7 +167,7 @@

    Optional hoverable

    @@ -178,7 +178,7 @@

    Optional icon

    @@ -189,7 +189,7 @@

    Optional isDivider

    @@ -200,7 +200,7 @@

    Optional isGroup

    @@ -211,7 +211,7 @@

    Optional onClick

    @@ -222,7 +222,7 @@

    Optional searchContent

    Overrides Omit.searchContent

    @@ -232,7 +232,7 @@

    Optional textField

    textField: string
    @@ -243,7 +243,7 @@

    value

    @@ -253,7 +253,7 @@

    Optional valueField

    valueField: string
    diff --git a/apidoc/interfaces/IAutoCompleteProps.html b/apidoc/interfaces/IAutoCompleteProps.html index 193fc0481..15ba9e59f 100644 --- a/apidoc/interfaces/IAutoCompleteProps.html +++ b/apidoc/interfaces/IAutoCompleteProps.html @@ -125,7 +125,7 @@

    Optional className

    className: string
    @@ -135,7 +135,7 @@

    contentField

    contentField: string
    @@ -145,7 +145,7 @@

    Optional data

    data: IAutoCompleteMenuItem[]
    @@ -155,7 +155,7 @@

    Optional disabled

    disabled: boolean
    @@ -165,7 +165,7 @@

    Optional initialValue

    initialValue: Value
    @@ -175,7 +175,7 @@

    Optional inline

    inline: boolean
    @@ -185,7 +185,7 @@

    Optional items

    items: IAutoCompleteMenuItem[]
    @@ -195,7 +195,7 @@

    Optional placeholder

    placeholder: string
    @@ -205,7 +205,7 @@

    Optional popupClassN
    popupClassName: string
    @@ -215,7 +215,7 @@

    textField

    textField: string
    @@ -225,7 +225,7 @@

    Optional value

    value: Value
    @@ -235,7 +235,7 @@

    valueField

    valueField: string
    @@ -245,7 +245,7 @@

    Optional valueFromOp
    valueFromOption: boolean
    @@ -255,7 +255,7 @@

    Optional valueFromOp
    valueFromOptions: boolean
    @@ -265,7 +265,7 @@

    Optional width

    width: string | number
    @@ -282,7 +282,7 @@

    Optional filterOption

    Parameters

    @@ -308,7 +308,7 @@

    Optional onChange

  • Parameters

    @@ -331,7 +331,7 @@

    Optional onSearch

  • Parameters

    @@ -354,7 +354,7 @@

    Optional onSelect

  • Parameters

    diff --git a/apidoc/interfaces/IAutoCompleteState.html b/apidoc/interfaces/IAutoCompleteState.html index cba5823d1..e904a4f69 100644 --- a/apidoc/interfaces/IAutoCompleteState.html +++ b/apidoc/interfaces/IAutoCompleteState.html @@ -96,7 +96,7 @@

    open

    open: boolean
    @@ -106,7 +106,7 @@

    searchText

    searchText: string
    @@ -116,7 +116,7 @@

    value

    value: unknown
    diff --git a/apidoc/interfaces/IAvatarProps.html b/apidoc/interfaces/IAvatarProps.html index c3365b7dc..8e0ba6bc5 100644 --- a/apidoc/interfaces/IAvatarProps.html +++ b/apidoc/interfaces/IAvatarProps.html @@ -101,7 +101,7 @@

    bordered

    bordered: boolean
    @@ -111,7 +111,7 @@

    Optional children

    children: string
    @@ -121,7 +121,7 @@

    Optional className

    className: string
    @@ -131,7 +131,7 @@

    Optional icon

    icon: IconType
    @@ -141,7 +141,7 @@

    shape

    shape: "circle" | "square"
    @@ -151,7 +151,7 @@

    size

    size: number | "small" | "default" | "large"
    @@ -161,7 +161,7 @@

    Optional src

    src: string
    @@ -171,7 +171,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IAvatarState.html b/apidoc/interfaces/IAvatarState.html index 3cf428b03..146e56705 100644 --- a/apidoc/interfaces/IAvatarState.html +++ b/apidoc/interfaces/IAvatarState.html @@ -96,7 +96,7 @@

    Optional prevChildren

    prevChildren: string
    • @@ -106,7 +106,7 @@

    textReady

    textReady: boolean
    @@ -116,7 +116,7 @@

    textScale

    textScale: number
    diff --git a/apidoc/interfaces/IBadgeProps.html b/apidoc/interfaces/IBadgeProps.html index 54d25d773..a846ae1be 100644 --- a/apidoc/interfaces/IBadgeProps.html +++ b/apidoc/interfaces/IBadgeProps.html @@ -101,7 +101,7 @@

    Optional children

    children: ReactNode
    @@ -111,7 +111,7 @@

    className

    className: string
    @@ -121,7 +121,7 @@

    count

    count: number
    @@ -131,7 +131,7 @@

    dot

    dot: boolean
    @@ -141,7 +141,7 @@

    maxCount

    maxCount: number
    @@ -151,7 +151,7 @@

    Optional offset

    offset: [number, number]
    @@ -161,7 +161,7 @@

    showZero

    showZero: boolean
    @@ -171,7 +171,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IBasePaginationProps.html b/apidoc/interfaces/IBasePaginationProps.html index 4d386f553..98fc1c1be 100644 --- a/apidoc/interfaces/IBasePaginationProps.html +++ b/apidoc/interfaces/IBasePaginationProps.html @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    current

    current: number
    @@ -131,7 +131,7 @@

    Optional lastPageHel
    lastPageHelp: IPopProps
    @@ -141,7 +141,7 @@

    onChange

    onChange: PaginationChangeHandler
    @@ -151,7 +151,7 @@

    pageSize

    pageSize: number
    @@ -161,7 +161,7 @@

    Optional total

    total: number
    @@ -171,7 +171,7 @@

    Optional totalItem

    totalItem: number
    @@ -193,7 +193,7 @@

    Optional formatTotal

  • Parameters

    diff --git a/apidoc/interfaces/IBaseTabsNavProps.html b/apidoc/interfaces/IBaseTabsNavProps.html index 2dd638a89..2abd7b017 100644 --- a/apidoc/interfaces/IBaseTabsNavProps.html +++ b/apidoc/interfaces/IBaseTabsNavProps.html @@ -119,7 +119,7 @@

    tabDataList

    tabDataList: InnerTab[]
    @@ -136,7 +136,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/IBaseTabsProps.html b/apidoc/interfaces/IBaseTabsProps.html index 561af1d35..baafc8923 100644 --- a/apidoc/interfaces/IBaseTabsProps.html +++ b/apidoc/interfaces/IBaseTabsProps.html @@ -124,7 +124,7 @@

    activeId

    activeId: Id
    @@ -134,7 +134,7 @@

    Optional children

    children: ITabPanelElement<TabPanelProps> | ITabPanelElement<TabPanelProps>[]
    @@ -144,7 +144,7 @@

    Optional className

    className: string
    @@ -154,7 +154,7 @@

    Optional disableLazy
    disableLazyMount: boolean
    @@ -164,7 +164,7 @@

    Optional tabs

    tabs: ITab<Id>[]
    @@ -174,7 +174,7 @@

    Optional unmountPanelunmountPanelOnHide: boolean

    • @@ -191,7 +191,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/IBlockHeaderProps.html b/apidoc/interfaces/IBlockHeaderProps.html index d6cf2ff6f..a22ec03bb 100644 --- a/apidoc/interfaces/IBlockHeaderProps.html +++ b/apidoc/interfaces/IBlockHeaderProps.html @@ -100,7 +100,7 @@

    Optional className

    className: string
    @@ -110,7 +110,7 @@

    Optional leftContent

    leftContent: ReactNode
    @@ -120,7 +120,7 @@

    Optional position

    position: PopPositions
    @@ -130,7 +130,7 @@

    Optional rightContent

    rightContent: ReactNode
    • @@ -140,7 +140,7 @@

    title

    title: ReactNode
    @@ -150,7 +150,7 @@

    Optional tooltip

    tooltip: ReactNode
    @@ -160,7 +160,7 @@

    Optional type

    type: "ribbon" | "minimum"
    diff --git a/apidoc/interfaces/IBreadcrumbItemProps.html b/apidoc/interfaces/IBreadcrumbItemProps.html index 0ab8c03ce..105d4f9ee 100644 --- a/apidoc/interfaces/IBreadcrumbItemProps.html +++ b/apidoc/interfaces/IBreadcrumbItemProps.html @@ -102,7 +102,7 @@

    Optional className

    className: string
    @@ -112,7 +112,7 @@

    Optional href

    href: string
    @@ -122,7 +122,7 @@

    Optional name

    name: ReactNode
    @@ -139,7 +139,7 @@

    Optional onClick

  • Returns void

    diff --git a/apidoc/interfaces/IBreadcrumbProps.html b/apidoc/interfaces/IBreadcrumbProps.html index 93607dcb9..1d658d7ab 100644 --- a/apidoc/interfaces/IBreadcrumbProps.html +++ b/apidoc/interfaces/IBreadcrumbProps.html @@ -97,7 +97,7 @@

    breads

    breads: IBreadcrumbItemProps[]
    @@ -107,7 +107,7 @@

    className

    className: string
    @@ -117,7 +117,7 @@

    Optional maxItemCoun
    maxItemCount: number
    @@ -127,7 +127,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IBreadcrumbState.html b/apidoc/interfaces/IBreadcrumbState.html index 23d3855df..81c5548d7 100644 --- a/apidoc/interfaces/IBreadcrumbState.html +++ b/apidoc/interfaces/IBreadcrumbState.html @@ -97,7 +97,7 @@

    contentStyleLeft

    contentStyleLeft: number
    @@ -107,7 +107,7 @@

    isFolded

    isFolded: boolean
    @@ -117,7 +117,7 @@

    overflowLeft

    overflowLeft: boolean
    @@ -127,7 +127,7 @@

    overflowRight

    overflowRight: boolean
    diff --git a/apidoc/interfaces/IButtonDirectiveChildProps.html b/apidoc/interfaces/IButtonDirectiveChildProps.html index 2fba31be7..ab2887733 100644 --- a/apidoc/interfaces/IButtonDirectiveChildProps.html +++ b/apidoc/interfaces/IButtonDirectiveChildProps.html @@ -98,7 +98,7 @@

    Optional children

    children: ReactNode
    @@ -108,7 +108,7 @@

    Optional className

    className: string
    @@ -118,7 +118,7 @@

    Optional data-zv

    data-zv: string
    @@ -128,7 +128,7 @@

    Optional disabled

    disabled: boolean
    @@ -138,7 +138,7 @@

    Optional onClick

    onClick: MouseEventHandler<Element>
    diff --git a/apidoc/interfaces/IButtonDirectiveProps.html b/apidoc/interfaces/IButtonDirectiveProps.html index aac6e945f..8c2de217f 100644 --- a/apidoc/interfaces/IButtonDirectiveProps.html +++ b/apidoc/interfaces/IButtonDirectiveProps.html @@ -113,7 +113,7 @@

    Optional block

    block: boolean
    @@ -123,7 +123,7 @@

    Optional bordered

    bordered: boolean
    @@ -133,7 +133,7 @@

    children

    children: ReactElement<ChildProps, string | JSXElementConstructor<any>>
    @@ -143,7 +143,7 @@

    Optional disabled

    disabled: boolean
    @@ -153,7 +153,7 @@

    Optional icon

    icon: IconType
    @@ -163,7 +163,7 @@

    Optional loading

    loading: boolean
    @@ -173,7 +173,7 @@

    Optional onMouseEnte
    onMouseEnter: MouseEventHandler<HTMLElement>
    @@ -183,7 +183,7 @@

    Optional onMouseLeav
    onMouseLeave: MouseEventHandler<HTMLElement>
    @@ -193,7 +193,7 @@

    Optional outline

    outline: boolean
    @@ -203,7 +203,7 @@

    Optional size

    size: IButtonSize
    @@ -213,7 +213,7 @@

    Optional style

    style: CSSProperties
    @@ -223,7 +223,7 @@

    Optional type

    type: IButtonType
    diff --git a/apidoc/interfaces/IButtonProps.html b/apidoc/interfaces/IButtonProps.html index 4b3802ba1..6c3dba3ed 100644 --- a/apidoc/interfaces/IButtonProps.html +++ b/apidoc/interfaces/IButtonProps.html @@ -1325,7 +1325,7 @@

    Optional block

    @@ -1336,7 +1336,7 @@

    Optional bordered

    @@ -1358,7 +1358,7 @@

    Optional className

    @@ -1465,7 +1465,7 @@

    Optional disabled

    @@ -1475,7 +1475,7 @@

    Optional download

    download: string
    @@ -1507,7 +1507,7 @@

    Optional href

    href: string
    @@ -1517,7 +1517,7 @@

    Optional htmlType

    htmlType: "button" | "reset" | "submit"
    @@ -1528,7 +1528,7 @@

    Optional icon

    @@ -1669,7 +1669,7 @@

    Optional loading

    @@ -2648,7 +2648,7 @@

    Optional onMouseEnte @@ -2659,7 +2659,7 @@

    Optional onMouseLeav @@ -3440,7 +3440,7 @@

    Optional outline

    @@ -3539,7 +3539,7 @@

    Optional size

    @@ -3572,7 +3572,7 @@

    Optional style

    @@ -3615,7 +3615,7 @@

    Optional target

    target: string
    @@ -3648,7 +3648,7 @@

    Optional type

    diff --git a/apidoc/interfaces/ICardProps.html b/apidoc/interfaces/ICardProps.html index 982e64bd9..184f45991 100644 --- a/apidoc/interfaces/ICardProps.html +++ b/apidoc/interfaces/ICardProps.html @@ -100,7 +100,7 @@

    Optional action

    action: ReactNode
    @@ -110,7 +110,7 @@

    Optional bodyStyle

    bodyStyle: CSSProperties
    @@ -120,7 +120,7 @@

    Optional className

    className: string
    @@ -130,7 +130,7 @@

    Optional loading

    loading: boolean
    @@ -140,7 +140,7 @@

    Optional style

    style: CSSProperties
    @@ -150,7 +150,7 @@

    Optional title

    title: ReactNode
    @@ -160,7 +160,7 @@

    Optional type

    type: "normal" | "nested"
    diff --git a/apidoc/interfaces/ICascaderBaseProps.html b/apidoc/interfaces/ICascaderBaseProps.html index f99b9065b..14682b9f8 100644 --- a/apidoc/interfaces/ICascaderBaseProps.html +++ b/apidoc/interfaces/ICascaderBaseProps.html @@ -118,7 +118,7 @@

    Optional className

    className: string
    @@ -128,7 +128,7 @@

    Optional clearable

    clearable: boolean
    @@ -138,7 +138,7 @@

    Optional disabled

    disabled: boolean
    @@ -148,7 +148,7 @@

    options

    options: IPublicCascaderItem[]
    @@ -158,7 +158,7 @@

    Optional placeholder

    placeholder: string
    @@ -168,7 +168,7 @@

    Optional popupClassN
    popupClassName: string
    @@ -178,7 +178,7 @@

    Optional visible

    visible: boolean
    @@ -195,7 +195,7 @@

    Optional getItemTool
  • @@ -224,7 +224,7 @@

    Optional onVisibleCh

  • Parameters

    @@ -247,7 +247,7 @@

    Optional renderItemC
  • @@ -275,7 +275,7 @@

    Optional renderList

  • @@ -324,7 +324,7 @@

    Optional renderValue

  • diff --git a/apidoc/interfaces/ICascaderChangeMeta.html b/apidoc/interfaces/ICascaderChangeMeta.html index cb4fce66f..cf655401f 100644 --- a/apidoc/interfaces/ICascaderChangeMeta.html +++ b/apidoc/interfaces/ICascaderChangeMeta.html @@ -99,7 +99,7 @@

    action

    action: CascaderChangeAction
    diff --git a/apidoc/interfaces/ICascaderItem.html b/apidoc/interfaces/ICascaderItem.html index 550c23813..42d84c603 100644 --- a/apidoc/interfaces/ICascaderItem.html +++ b/apidoc/interfaces/ICascaderItem.html @@ -106,7 +106,7 @@

    children

    @@ -117,7 +117,7 @@

    Optional disabled

    @@ -128,7 +128,7 @@

    label

    @@ -139,7 +139,7 @@

    Optional loadChildren

    Inherited from IPublicCascaderItem.loadChildrenOnExpand

    @@ -150,7 +150,7 @@

    Optional loadChildren

    Inherited from IPublicCascaderItem.loadChildrenOnScroll

    @@ -160,7 +160,7 @@

    parent

    parent: ICascaderItem
    @@ -171,7 +171,7 @@

    value

    diff --git a/apidoc/interfaces/ICascaderLoadMeta.html b/apidoc/interfaces/ICascaderLoadMeta.html index 32937f48d..c5d86c41a 100644 --- a/apidoc/interfaces/ICascaderLoadMeta.html +++ b/apidoc/interfaces/ICascaderLoadMeta.html @@ -94,7 +94,7 @@

    action

    action: CascaderLoadAction
    diff --git a/apidoc/interfaces/ICascaderMultipleChangeMeta.html b/apidoc/interfaces/ICascaderMultipleChangeMeta.html index ea2ec9b96..325c45ac3 100644 --- a/apidoc/interfaces/ICascaderMultipleChangeMeta.html +++ b/apidoc/interfaces/ICascaderMultipleChangeMeta.html @@ -106,7 +106,7 @@

    action

    @@ -123,7 +123,7 @@

    simplify

  • Parameters

    diff --git a/apidoc/interfaces/ICascaderTagsProps.html b/apidoc/interfaces/ICascaderTagsProps.html index b3b9d9e5d..1be2b7ca5 100644 --- a/apidoc/interfaces/ICascaderTagsProps.html +++ b/apidoc/interfaces/ICascaderTagsProps.html @@ -104,7 +104,7 @@

    collapse

    collapse: boolean
    @@ -114,7 +114,7 @@

    list

    list: ICascaderItem[][]
    @@ -124,7 +124,7 @@

    selectionMap

    selectionMap: Map<string, CascaderItemSelectionState>
    @@ -134,7 +134,7 @@

    simplifyPaths

    simplifyPaths: boolean
    @@ -151,7 +151,7 @@

    onRemove

  • Parameters

    @@ -174,7 +174,7 @@

    Optional renderValue

  • Parameters

    diff --git a/apidoc/interfaces/ICatchErrorOption.html b/apidoc/interfaces/ICatchErrorOption.html index f4a16e7a4..5b41d01d5 100644 --- a/apidoc/interfaces/ICatchErrorOption.html +++ b/apidoc/interfaces/ICatchErrorOption.html @@ -100,7 +100,7 @@

    Optional FallbackComponen
    FallbackComponent: ComponentType<IErrorBoundaryFallbackComponentProps>
    @@ -117,7 +117,7 @@

    Optional onError

  • Parameters

    diff --git a/apidoc/interfaces/ICheckboxEvent.html b/apidoc/interfaces/ICheckboxEvent.html index 1c094721c..7acc34648 100644 --- a/apidoc/interfaces/ICheckboxEvent.html +++ b/apidoc/interfaces/ICheckboxEvent.html @@ -109,7 +109,7 @@

    target

    target: ICheckboxEventTarget<Value>
    @@ -126,7 +126,7 @@

    preventDefault

  • Returns void

    @@ -143,7 +143,7 @@

    stopPropagation

  • Returns void

    diff --git a/apidoc/interfaces/ICheckboxEventTarget.html b/apidoc/interfaces/ICheckboxEventTarget.html index 51b225cf7..bb172eccb 100644 --- a/apidoc/interfaces/ICheckboxEventTarget.html +++ b/apidoc/interfaces/ICheckboxEventTarget.html @@ -126,7 +126,7 @@

    checked

    @@ -137,7 +137,7 @@

    Optional children

    @@ -148,7 +148,7 @@

    Optional className

    @@ -159,7 +159,7 @@

    Optional disabled

    @@ -170,7 +170,7 @@

    Optional indeterminate

    @@ -181,7 +181,7 @@

    Optional labelStyle

    @@ -192,7 +192,7 @@

    Optional onMouseEnte @@ -203,7 +203,7 @@

    Optional onMouseLeav @@ -214,7 +214,7 @@

    Optional readOnly

    @@ -225,7 +225,7 @@

    Optional style

    @@ -235,7 +235,7 @@

    type

    type: "checkbox"
    @@ -246,7 +246,7 @@

    Optional value

    @@ -257,7 +257,7 @@

    Optional width

    @@ -275,7 +275,7 @@

    Optional onChange

    Parameters

    diff --git a/apidoc/interfaces/ICheckboxGroupProps.html b/apidoc/interfaces/ICheckboxGroupProps.html index 08d95df1c..9852576e4 100644 --- a/apidoc/interfaces/ICheckboxGroupProps.html +++ b/apidoc/interfaces/ICheckboxGroupProps.html @@ -113,7 +113,7 @@

    Optional className

    className: string
    @@ -123,7 +123,7 @@

    Optional disabled

    disabled: boolean
    @@ -133,7 +133,7 @@

    Optional readOnly

    readOnly: boolean
    @@ -143,7 +143,7 @@

    Optional style

    style: CSSProperties
    @@ -153,7 +153,7 @@

    value

    value: Value[]
    @@ -170,7 +170,7 @@

    Optional isValueEqua

  • Parameters

    @@ -196,7 +196,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ICheckboxProps.html b/apidoc/interfaces/ICheckboxProps.html index 57b1f5eea..e14cc52b3 100644 --- a/apidoc/interfaces/ICheckboxProps.html +++ b/apidoc/interfaces/ICheckboxProps.html @@ -124,7 +124,7 @@

    Optional checked

    checked: boolean
    @@ -134,7 +134,7 @@

    Optional children

    children: ReactNode
    @@ -144,7 +144,7 @@

    Optional className

    className: string
    @@ -154,7 +154,7 @@

    Optional disabled

    disabled: boolean
    @@ -164,7 +164,7 @@

    Optional indeterminate

    indeterminate: boolean
    @@ -174,7 +174,7 @@

    Optional labelStyle

    labelStyle: CSSProperties
    @@ -184,7 +184,7 @@

    Optional onMouseEnte
    onMouseEnter: MouseEventHandler<HTMLElement>
    @@ -194,7 +194,7 @@

    Optional onMouseLeav
    onMouseLeave: MouseEventHandler<HTMLElement>
    @@ -204,7 +204,7 @@

    Optional readOnly

    readOnly: boolean
    @@ -214,7 +214,7 @@

    Optional style

    style: CSSProperties
    @@ -224,7 +224,7 @@

    Optional value

    value: Value
    @@ -234,7 +234,7 @@

    Optional width

    width: number
    @@ -251,7 +251,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IClampLinesProps.html b/apidoc/interfaces/IClampLinesProps.html index 607326f4b..e072e7c8f 100644 --- a/apidoc/interfaces/IClampLinesProps.html +++ b/apidoc/interfaces/IClampLinesProps.html @@ -109,7 +109,7 @@

    Optional className

    className: string
    @@ -119,7 +119,7 @@

    Optional ellipsis

    ellipsis: string
    @@ -129,7 +129,7 @@

    Optional extra

    extra: ReactNode
    @@ -139,7 +139,7 @@

    Optional lines

    lines: number
    @@ -149,7 +149,7 @@

    mode

    mode: "performance" | "correctness"
    @@ -159,7 +159,7 @@

    Optional popWidth

    popWidth: number
    @@ -169,7 +169,7 @@

    Optional resizable

    resizable: boolean
    @@ -179,7 +179,7 @@

    Optional showPop

    showPop: boolean
    @@ -189,7 +189,7 @@

    text

    text: string
    @@ -199,7 +199,7 @@

    Optional trigger

    trigger: "click" | "hover" | "focus"
    @@ -216,7 +216,7 @@

    Optional renderPop

  • Parameters

    diff --git a/apidoc/interfaces/IClampLinesState.html b/apidoc/interfaces/IClampLinesState.html index e5638e81b..1986dbee0 100644 --- a/apidoc/interfaces/IClampLinesState.html +++ b/apidoc/interfaces/IClampLinesState.html @@ -95,7 +95,7 @@

    holdsFullText

    holdsFullText: boolean
    @@ -105,7 +105,7 @@

    textSuited

    textSuited: string
    diff --git a/apidoc/interfaces/ICloseDialogOption.html b/apidoc/interfaces/ICloseDialogOption.html index e082a5ed6..c2a983335 100644 --- a/apidoc/interfaces/ICloseDialogOption.html +++ b/apidoc/interfaces/ICloseDialogOption.html @@ -94,7 +94,7 @@

    Optional triggerOnClosetriggerOnClose: boolean

    • diff --git a/apidoc/interfaces/ICollapsePanelProps.html b/apidoc/interfaces/ICollapsePanelProps.html index 2417f974d..8d8b7b4a5 100644 --- a/apidoc/interfaces/ICollapsePanelProps.html +++ b/apidoc/interfaces/ICollapsePanelProps.html @@ -111,7 +111,7 @@

    Optional active

    active: boolean
    @@ -121,7 +121,7 @@

    Optional bordered

    bordered: boolean
    @@ -131,7 +131,7 @@

    Optional className

    className: string
    @@ -141,7 +141,7 @@

    Optional disabled

    disabled: boolean
    @@ -151,7 +151,7 @@

    Optional extra

    extra: ReactNode
    @@ -161,7 +161,7 @@

    Optional isLast

    isLast: boolean
    @@ -171,7 +171,7 @@

    Optional panelKey

    panelKey: string
    @@ -181,7 +181,7 @@

    Optional panelTitleB
    panelTitleBackground: string
    @@ -191,7 +191,7 @@

    showArrow

    showArrow: boolean
    @@ -201,7 +201,7 @@

    Optional showContent
    showContentBackground: boolean
    @@ -211,7 +211,7 @@

    Optional style

    style: CSSProperties
    @@ -221,7 +221,7 @@

    title

    title: ReactNode
    @@ -238,7 +238,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ICollapsePropsAccordion.html b/apidoc/interfaces/ICollapsePropsAccordion.html index 73d850c50..4417b96d7 100644 --- a/apidoc/interfaces/ICollapsePropsAccordion.html +++ b/apidoc/interfaces/ICollapsePropsAccordion.html @@ -110,7 +110,7 @@

    accordion

    accordion: true
    @@ -120,7 +120,7 @@

    Optional activeKey

    activeKey: string
    @@ -131,7 +131,7 @@

    Optional bordered

    @@ -142,7 +142,7 @@

    Optional className

    @@ -153,7 +153,7 @@

    Optional panelTitleB @@ -164,7 +164,7 @@

    Optional showContent @@ -181,7 +181,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/ICollapsePropsMultiple.html b/apidoc/interfaces/ICollapsePropsMultiple.html index cc1d1aa64..a9ce57938 100644 --- a/apidoc/interfaces/ICollapsePropsMultiple.html +++ b/apidoc/interfaces/ICollapsePropsMultiple.html @@ -110,7 +110,7 @@

    Optional accordion

    accordion: false
    @@ -120,7 +120,7 @@

    Optional activeKey

    activeKey: string[]
    @@ -131,7 +131,7 @@

    Optional bordered

    @@ -142,7 +142,7 @@

    Optional className

    @@ -153,7 +153,7 @@

    Optional panelTitleB @@ -164,7 +164,7 @@

    Optional showContent @@ -181,7 +181,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/IColorPickerProps.html b/apidoc/interfaces/IColorPickerProps.html index b428ae76c..3cd75d473 100644 --- a/apidoc/interfaces/IColorPickerProps.html +++ b/apidoc/interfaces/IColorPickerProps.html @@ -106,7 +106,7 @@

    Optional className

    className: string
    @@ -116,7 +116,7 @@

    color

    color: string
    @@ -126,7 +126,7 @@

    Optional disabled

    disabled: boolean
    @@ -136,7 +136,7 @@

    Optional presetColors

    presetColors: PresetColors

    • @@ -146,7 +146,7 @@

    Optional showAlpha

    showAlpha: boolean
    @@ -156,7 +156,7 @@

    Optional type

    type: ColorPickerType
    @@ -166,7 +166,7 @@

    Optional wrapperClasswrapperClassName: string

    @@ -183,7 +183,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ICombineErrorState.html b/apidoc/interfaces/ICombineErrorState.html index 92ba5b980..b97d523c0 100644 --- a/apidoc/interfaces/ICombineErrorState.html +++ b/apidoc/interfaces/ICombineErrorState.html @@ -94,7 +94,7 @@

    error

    error: IValidateResult<any>
    diff --git a/apidoc/interfaces/ICombineErrorsProps.html b/apidoc/interfaces/ICombineErrorsProps.html index 122bff852..3cfe39d54 100644 --- a/apidoc/interfaces/ICombineErrorsProps.html +++ b/apidoc/interfaces/ICombineErrorsProps.html @@ -101,7 +101,7 @@

    Optional models

    models: BasicModel<any>[]
    @@ -116,7 +116,7 @@

    Optional names

    names: string[]
    @@ -138,7 +138,7 @@

    Optional children

  • Parameters

    diff --git a/apidoc/interfaces/ICombinedDateRangePickerProps.html b/apidoc/interfaces/ICombinedDateRangePickerProps.html index 3a02417bc..a8de06210 100644 --- a/apidoc/interfaces/ICombinedDateRangePickerProps.html +++ b/apidoc/interfaces/ICombinedDateRangePickerProps.html @@ -132,7 +132,7 @@

    Optional canClear

    @@ -143,7 +143,7 @@

    Optional className

    @@ -154,7 +154,7 @@

    Optional dateSpan

    @@ -165,7 +165,7 @@

    Optional defaultDate

    @@ -176,7 +176,7 @@

    Optional disabled

    @@ -187,7 +187,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -198,7 +198,7 @@

    Optional format

    @@ -209,7 +209,7 @@

    Optional name

    @@ -220,7 +220,7 @@

    Optional openPanel

    @@ -231,7 +231,7 @@

    Optional placeholder

    @@ -241,7 +241,7 @@

    Optional showTime

    showTime: IShowTimeRange<string>
    @@ -252,7 +252,7 @@

    value

    @@ -263,7 +263,7 @@

    Optional valueType

    @@ -274,7 +274,7 @@

    Optional width

    @@ -292,7 +292,7 @@

    onChange

    Parameters

    @@ -316,7 +316,7 @@

    Optional onClose

    Parameters

    @@ -340,7 +340,7 @@

    Optional onOpen

    Parameters

    diff --git a/apidoc/interfaces/ICombinedTimeRangePickerProps.html b/apidoc/interfaces/ICombinedTimeRangePickerProps.html index 9ce7c8745..5f2c956c3 100644 --- a/apidoc/interfaces/ICombinedTimeRangePickerProps.html +++ b/apidoc/interfaces/ICombinedTimeRangePickerProps.html @@ -129,7 +129,7 @@

    Optional autoComplete

    Inherited from ITimePickerProps.autoComplete

    @@ -140,7 +140,7 @@

    Optional canClear

    @@ -151,7 +151,7 @@

    Optional className

    @@ -162,7 +162,7 @@

    Optional defaultTime

    @@ -173,7 +173,7 @@

    Optional disabled

    @@ -184,7 +184,7 @@

    Optional disabledTime

    Inherited from ITimePickerProps.disabledTime

    @@ -195,7 +195,7 @@

    Optional format

    @@ -206,7 +206,7 @@

    Optional hiddenIcon

    @@ -217,7 +217,7 @@

    Optional hourStep

    @@ -228,7 +228,7 @@

    Optional minuteStep

    @@ -238,7 +238,7 @@

    Optional name

    name: [string, string]
    @@ -249,7 +249,7 @@

    Optional openPanel

    @@ -259,7 +259,7 @@

    Optional placeholder

    placeholder: [string, string]
    @@ -270,7 +270,7 @@

    Optional secondStep

    @@ -281,7 +281,7 @@

    Optional selectedDate

    Inherited from ITimePickerProps.selectedDate

    @@ -292,7 +292,7 @@

    value

    @@ -303,7 +303,7 @@

    Optional width

    @@ -321,7 +321,7 @@

    onChange

    Parameters

    @@ -345,7 +345,7 @@

    Optional onClose

    Returns void

    @@ -363,7 +363,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/ICommonProgressProps.html b/apidoc/interfaces/ICommonProgressProps.html index 4db54645a..3ccffe10f 100644 --- a/apidoc/interfaces/ICommonProgressProps.html +++ b/apidoc/interfaces/ICommonProgressProps.html @@ -108,7 +108,7 @@

    Optional bgColor

    bgColor: string
    @@ -118,7 +118,7 @@

    Optional format

    format: IProgressFormatFn
    @@ -128,7 +128,7 @@

    Optional percent

    percent: number
    @@ -138,7 +138,7 @@

    Optional showInfo

    showInfo: boolean
    @@ -148,7 +148,7 @@

    Optional strokeLinecapstrokeLinecap: StrokeLinecap

    • @@ -158,7 +158,7 @@

    Optional strokeWidth

    strokeWidth: number
    @@ -168,7 +168,7 @@

    Optional width

    width: number
    diff --git a/apidoc/interfaces/ICompoundMentionSuggestion.html b/apidoc/interfaces/ICompoundMentionSuggestion.html index 8cc925131..1181a8898 100644 --- a/apidoc/interfaces/ICompoundMentionSuggestion.html +++ b/apidoc/interfaces/ICompoundMentionSuggestion.html @@ -99,7 +99,7 @@

    Optional content

    content: ReactNode
    @@ -109,7 +109,7 @@

    Optional disabled

    disabled: boolean
    @@ -119,7 +119,7 @@

    Optional icon

    icon: string
    @@ -129,7 +129,7 @@

    Optional isDivider

    isDivider: boolean
    @@ -139,7 +139,7 @@

    Optional isGroup

    isGroup: boolean
    @@ -149,7 +149,7 @@

    value

    value: unknown
    diff --git a/apidoc/interfaces/ICopyButtonProps.html b/apidoc/interfaces/ICopyButtonProps.html index 4fc449849..cadcc3d76 100644 --- a/apidoc/interfaces/ICopyButtonProps.html +++ b/apidoc/interfaces/ICopyButtonProps.html @@ -97,7 +97,7 @@

    Optional onClick

    onClick: MouseEventHandler<Element>
    @@ -107,7 +107,7 @@

    Optional onCopyError
    onCopyError: string | (() => void)
    @@ -117,7 +117,7 @@

    Optional onCopySucce
    onCopySuccess: string | (() => void)
    @@ -127,7 +127,7 @@

    text

    text: string | (() => string)
    diff --git a/apidoc/interfaces/ICreateUseIMECompositionOption.html b/apidoc/interfaces/ICreateUseIMECompositionOption.html index e0298939d..1bf267444 100644 --- a/apidoc/interfaces/ICreateUseIMECompositionOption.html +++ b/apidoc/interfaces/ICreateUseIMECompositionOption.html @@ -98,7 +98,7 @@

    Optional getEventVal

  • Parameters

    diff --git a/apidoc/interfaces/IDatePickerPanelProps.html b/apidoc/interfaces/IDatePickerPanelProps.html index bb9e489e5..0154eca8a 100644 --- a/apidoc/interfaces/IDatePickerPanelProps.html +++ b/apidoc/interfaces/IDatePickerPanelProps.html @@ -125,7 +125,7 @@

    Optional col

    @@ -135,7 +135,7 @@

    Optional combinedLeft

    combinedLeft: boolean

    • @@ -145,7 +145,7 @@

    Optional combinedRightcombinedRight: boolean

    @@ -156,7 +156,7 @@

    defaultPanelDate

    @@ -166,7 +166,7 @@

    Optional disableRangedisableRangeOverView: boolean

    @@ -176,7 +176,7 @@

    Optional disabledTime

    disabledTime: IDisabledTime
    @@ -186,7 +186,7 @@

    Optional footerText

    footerText: string
    @@ -196,7 +196,7 @@

    Optional hideFooter

    hideFooter: boolean
    @@ -207,7 +207,7 @@

    Optional hoverDate

    @@ -218,7 +218,7 @@

    Optional hoverRangeD @@ -228,7 +228,7 @@

    Optional popText

    popText: string
    @@ -239,7 +239,7 @@

    Optional rangeDate

    @@ -250,7 +250,7 @@

    Optional row

    @@ -261,7 +261,7 @@

    selected

    @@ -272,7 +272,7 @@

    Optional showLunarDa @@ -282,7 +282,7 @@

    Optional showTime

    showTime: IShowTime<string>
    @@ -300,7 +300,7 @@

    disabledPanelDate

    Parameters

    @@ -324,7 +324,7 @@

    Optional lunarValueF

    Parameters

    @@ -348,7 +348,7 @@

    Optional onChangePan

    Parameters

    @@ -371,7 +371,7 @@

    Optional onPanelDate

  • Parameters

    @@ -395,7 +395,7 @@

    onSelected

    Parameters

    diff --git a/apidoc/interfaces/IDatePickerProps.html b/apidoc/interfaces/IDatePickerProps.html index 37785f0ac..9c4eea201 100644 --- a/apidoc/interfaces/IDatePickerProps.html +++ b/apidoc/interfaces/IDatePickerProps.html @@ -135,7 +135,7 @@

    Optional canClear

    @@ -146,7 +146,7 @@

    Optional className

    @@ -157,7 +157,7 @@

    Optional defaultDate

    @@ -168,7 +168,7 @@

    Optional disabled

    @@ -179,7 +179,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -189,7 +189,7 @@

    Optional disabledTime

    disabledTime: IDisabledTime

    • @@ -200,7 +200,7 @@

    Optional format

    @@ -210,7 +210,7 @@

    Optional hideFooter

    hideFooter: boolean
    @@ -221,7 +221,7 @@

    Optional name

    @@ -232,7 +232,7 @@

    Optional openPanel

    @@ -243,7 +243,7 @@

    Optional placeholder

    @@ -253,7 +253,7 @@

    Optional showLunarDa
    showLunarDate: boolean
    @@ -263,7 +263,7 @@

    Optional showTime

    showTime: IShowTime<string>
    @@ -274,7 +274,7 @@

    value

    @@ -285,7 +285,7 @@

    Optional valueType

    @@ -296,7 +296,7 @@

    Optional width

    @@ -313,7 +313,7 @@

    Optional lunarValueF

  • Parameters

    @@ -337,7 +337,7 @@

    onChange

    Parameters

    @@ -361,7 +361,7 @@

    Optional onClose

    Returns void

    @@ -379,7 +379,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/IDateRangePickerProps.html b/apidoc/interfaces/IDateRangePickerProps.html index 6be1c5e1c..30e821fd8 100644 --- a/apidoc/interfaces/IDateRangePickerProps.html +++ b/apidoc/interfaces/IDateRangePickerProps.html @@ -134,7 +134,7 @@

    Optional canClear

    @@ -145,7 +145,7 @@

    Optional className

    @@ -156,7 +156,7 @@

    Optional dateSpan

    @@ -167,7 +167,7 @@

    Optional defaultDate

    @@ -178,7 +178,7 @@

    Optional disabled

    @@ -189,7 +189,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -199,7 +199,7 @@

    Optional disabledTime

    disabledTime: IDisabledTime

    • @@ -210,7 +210,7 @@

    Optional format

    @@ -220,7 +220,7 @@

    Optional hideFooter

    hideFooter: boolean
    @@ -231,7 +231,7 @@

    Optional name

    @@ -242,7 +242,7 @@

    Optional openPanel

    @@ -253,7 +253,7 @@

    Optional placeholder

    @@ -263,7 +263,7 @@

    Optional showTime

    showTime: IShowTimeRange<string>
    @@ -274,7 +274,7 @@

    value

    @@ -285,7 +285,7 @@

    Optional valueType

    @@ -296,7 +296,7 @@

    Optional width

    @@ -314,7 +314,7 @@

    onChange

    Parameters

    @@ -338,7 +338,7 @@

    Optional onClose

    Parameters

    @@ -362,7 +362,7 @@

    Optional onOpen

    Parameters

    diff --git a/apidoc/interfaces/IDateRangeQuickPickerPreset.html b/apidoc/interfaces/IDateRangeQuickPickerPreset.html index 80b51a49e..f98697ad3 100644 --- a/apidoc/interfaces/IDateRangeQuickPickerPreset.html +++ b/apidoc/interfaces/IDateRangeQuickPickerPreset.html @@ -95,7 +95,7 @@

    text

    text: string
    @@ -105,7 +105,7 @@

    value

    value: DateRangeQuickPickerPresetValue
    diff --git a/apidoc/interfaces/IDateRangeQuickPickerProps.html b/apidoc/interfaces/IDateRangeQuickPickerProps.html index 07dbf11e1..898c96aab 100644 --- a/apidoc/interfaces/IDateRangeQuickPickerProps.html +++ b/apidoc/interfaces/IDateRangeQuickPickerProps.html @@ -104,7 +104,7 @@

    Optional chooseDays

    chooseDays: DateRangeQuickPickerPresetValue
    @@ -121,7 +121,7 @@

    Optional chosenDays

    chosenDays: DateRangeQuickPickerPresetValue
    @@ -131,7 +131,7 @@

    Optional className

    className: string
    @@ -141,7 +141,7 @@

    Optional defaultSelected<
    defaultSelectedPresetIndex: number
    @@ -151,7 +151,7 @@

    format

    format: string
    @@ -161,7 +161,7 @@

    Optional max

    max: SingleDate
    @@ -171,7 +171,7 @@

    Optional min

    min: SingleDate
    @@ -181,7 +181,7 @@

    onChange

    onChange: DateRangeQuickPickerChangeCallback
    @@ -191,7 +191,7 @@

    Optional preset

    preset: IDateRangeQuickPickerPreset[]
    @@ -201,7 +201,7 @@

    value

    value: RangeDate
    @@ -211,7 +211,7 @@

    Optional valueType

    valueType: DateRangeQuickPickerValueType
    diff --git a/apidoc/interfaces/IDialogProps.html b/apidoc/interfaces/IDialogProps.html index 2cb61c171..14017e108 100644 --- a/apidoc/interfaces/IDialogProps.html +++ b/apidoc/interfaces/IDialogProps.html @@ -111,7 +111,7 @@

    Optional children

    children: ReactNode
    @@ -121,7 +121,7 @@

    Optional className

    className: string
    @@ -131,7 +131,7 @@

    Optional closeBtn

    closeBtn: boolean
    @@ -141,7 +141,7 @@

    Optional footer

    footer: ReactNode
    @@ -151,7 +151,7 @@

    Optional mask

    mask: boolean
    @@ -161,7 +161,7 @@

    Optional maskClosable

    maskClosable: boolean
    @@ -171,7 +171,7 @@

    Optional position

    position: "auto" | "center"
    @@ -181,7 +181,7 @@

    Optional style

    style: CSSProperties
    @@ -191,7 +191,7 @@

    Optional title

    title: ReactNode
    @@ -201,7 +201,7 @@

    visible

    visible: boolean
    @@ -218,7 +218,7 @@

    Optional onClose

  • Parameters

    @@ -241,7 +241,7 @@

    Optional onClosed

  • Returns void

    @@ -258,7 +258,7 @@

    Optional onOpened

  • Returns void

    diff --git a/apidoc/interfaces/IDialogState.html b/apidoc/interfaces/IDialogState.html index a7f3e7b64..a110c89ed 100644 --- a/apidoc/interfaces/IDialogState.html +++ b/apidoc/interfaces/IDialogState.html @@ -95,7 +95,7 @@

    exiting

    exiting: boolean
    @@ -105,7 +105,7 @@

    prevOpen

    prevOpen: boolean
    diff --git a/apidoc/interfaces/IDisabledContext.html b/apidoc/interfaces/IDisabledContext.html index 73db23f28..991063568 100644 --- a/apidoc/interfaces/IDisabledContext.html +++ b/apidoc/interfaces/IDisabledContext.html @@ -94,7 +94,7 @@

    value

    value: boolean
    diff --git a/apidoc/interfaces/IDisabledProps.html b/apidoc/interfaces/IDisabledProps.html index d5ae60be7..bf19f250a 100644 --- a/apidoc/interfaces/IDisabledProps.html +++ b/apidoc/interfaces/IDisabledProps.html @@ -94,7 +94,7 @@

    Optional value

    value: boolean
    diff --git a/apidoc/interfaces/IElevatorAnchorProps.html b/apidoc/interfaces/IElevatorAnchorProps.html index 87af209d6..a2ee37eed 100644 --- a/apidoc/interfaces/IElevatorAnchorProps.html +++ b/apidoc/interfaces/IElevatorAnchorProps.html @@ -94,7 +94,7 @@

    link

    link: string
    diff --git a/apidoc/interfaces/IElevatorLinkItem.html b/apidoc/interfaces/IElevatorLinkItem.html index 5a0b00655..70e01f2d7 100644 --- a/apidoc/interfaces/IElevatorLinkItem.html +++ b/apidoc/interfaces/IElevatorLinkItem.html @@ -95,7 +95,7 @@

    link

    link: string
    @@ -105,7 +105,7 @@

    title

    title: ReactNode
    diff --git a/apidoc/interfaces/IElevatorProps.html b/apidoc/interfaces/IElevatorProps.html index 37880c8ef..e33656c92 100644 --- a/apidoc/interfaces/IElevatorProps.html +++ b/apidoc/interfaces/IElevatorProps.html @@ -104,7 +104,7 @@

    Optional activeLink

    activeLink: string
    @@ -114,7 +114,7 @@

    Optional defaultActivedefaultActiveLink: string

    • @@ -124,7 +124,7 @@

    Optional offsetTop

    offsetTop: number
    @@ -134,7 +134,7 @@

    Optional targetOffset

    targetOffset: number
    @@ -151,7 +151,7 @@

    Optional getContainer

    Returns HTMLElement

    @@ -168,7 +168,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IErrorBoundaryFallbackComponentProps.html b/apidoc/interfaces/IErrorBoundaryFallbackComponentProps.html index 3f56b4736..5383ca0d2 100644 --- a/apidoc/interfaces/IErrorBoundaryFallbackComponentProps.html +++ b/apidoc/interfaces/IErrorBoundaryFallbackComponentProps.html @@ -95,7 +95,7 @@

    componentStack

    componentStack: string
    @@ -105,7 +105,7 @@

    error

    error: Error
    diff --git a/apidoc/interfaces/IErrorBoundaryProps.html b/apidoc/interfaces/IErrorBoundaryProps.html index 82fcfc59f..8143887de 100644 --- a/apidoc/interfaces/IErrorBoundaryProps.html +++ b/apidoc/interfaces/IErrorBoundaryProps.html @@ -95,7 +95,7 @@

    Optional FallbackComponen
    FallbackComponent: ComponentType<IErrorBoundaryFallbackComponentProps>
    @@ -105,7 +105,7 @@

    Optional onError

    onError: IOnErrorCallback
    diff --git a/apidoc/interfaces/IEventHandlerProps.html b/apidoc/interfaces/IEventHandlerProps.html index 9e79f25f4..f194c46c9 100644 --- a/apidoc/interfaces/IEventHandlerProps.html +++ b/apidoc/interfaces/IEventHandlerProps.html @@ -116,7 +116,7 @@

    eventName

    eventName: N
    @@ -126,7 +126,7 @@

    Optional options

    options: AddEventListenerOptions
    @@ -136,7 +136,7 @@

    target

    target: T
    @@ -153,7 +153,7 @@

    listener

  • Parameters

    diff --git a/apidoc/interfaces/IFieldSetBaseProps.html b/apidoc/interfaces/IFieldSetBaseProps.html index 951ba0379..49b2143c8 100644 --- a/apidoc/interfaces/IFieldSetBaseProps.html +++ b/apidoc/interfaces/IFieldSetBaseProps.html @@ -114,7 +114,7 @@

    Optional children

    children: ReactNode
    @@ -124,7 +124,7 @@

    Optional modelRef

    modelRef: RefObject<FieldSetModel<T>>
    @@ -134,7 +134,7 @@

    Optional renderError

    renderError: IRenderError<T>
    @@ -149,7 +149,7 @@

    Optional scrollAnchorscrollAnchorRef: RefObject<Element>

    @@ -164,7 +164,7 @@

    Optional validators

    validators: IValidators<$FieldSetValue<T>>
    diff --git a/apidoc/interfaces/IFieldSetModelDrivenProps.html b/apidoc/interfaces/IFieldSetModelDrivenProps.html index 50604b0c5..62a8f58f6 100644 --- a/apidoc/interfaces/IFieldSetModelDrivenProps.html +++ b/apidoc/interfaces/IFieldSetModelDrivenProps.html @@ -113,7 +113,7 @@

    Optional children

    @@ -123,7 +123,7 @@

    model

    model: FieldSetModel<T> | ModelRef<$FieldSetValue<T>, FieldSetModel<UnknownFieldSetModelChildren> | FieldArrayModel<$FieldSetValue<T>, FieldSetModel<T>>, FieldSetModel<T>>
    @@ -134,7 +134,7 @@

    Optional modelRef

    @@ -145,7 +145,7 @@

    Optional renderError

    @@ -161,7 +161,7 @@

    Optional scrollAnchor

    Inherited from IFieldSetBaseProps.scrollAnchorRef

    @@ -177,7 +177,7 @@

    Optional validators

    diff --git a/apidoc/interfaces/IFieldSetViewDrivenProps.html b/apidoc/interfaces/IFieldSetViewDrivenProps.html index 24f08e3c5..6b3c26383 100644 --- a/apidoc/interfaces/IFieldSetViewDrivenProps.html +++ b/apidoc/interfaces/IFieldSetViewDrivenProps.html @@ -118,7 +118,7 @@

    Optional children

    @@ -129,7 +129,7 @@

    Optional destroyOnUnmount
    @@ -150,7 +150,7 @@

    Optional modelRef

    @@ -161,7 +161,7 @@

    name

    @@ -177,7 +177,7 @@

    Optional normalizeBefore<
    @@ -193,7 +193,7 @@

    Optional renderError

    @@ -209,7 +209,7 @@

    Optional scrollAnchor

    Inherited from IFieldSetBaseProps.scrollAnchorRef

    @@ -225,7 +225,7 @@

    Optional validators

    diff --git a/apidoc/interfaces/IFileInputProps.html b/apidoc/interfaces/IFileInputProps.html index 029c702a2..aeb4dcd3f 100644 --- a/apidoc/interfaces/IFileInputProps.html +++ b/apidoc/interfaces/IFileInputProps.html @@ -103,7 +103,7 @@

    Optional accept

    accept: string
    @@ -113,7 +113,7 @@

    Optional disabled

    disabled: boolean
    @@ -123,7 +123,7 @@

    Optional multiple

    multiple: boolean
    @@ -133,7 +133,7 @@

    remainAmount

    remainAmount: number
    @@ -150,7 +150,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/IFixedProps.html b/apidoc/interfaces/IFixedProps.html index 5d7852584..309b777df 100644 --- a/apidoc/interfaces/IFixedProps.html +++ b/apidoc/interfaces/IFixedProps.html @@ -123,7 +123,7 @@

    Optional canFixed

    canFixed: boolean
    @@ -133,7 +133,7 @@

    Optional fixedIds

    fixedIds: Id[]
    @@ -150,7 +150,7 @@

    Optional onFixedChan

  • Parameters

    diff --git a/apidoc/interfaces/IFormChild.html b/apidoc/interfaces/IFormChild.html index ab3c214bc..b47e08fc0 100644 --- a/apidoc/interfaces/IFormChild.html +++ b/apidoc/interfaces/IFormChild.html @@ -99,7 +99,7 @@

    getDOMNode

  • Returns Element

    @@ -116,7 +116,7 @@

    valid

  • Returns boolean

    diff --git a/apidoc/interfaces/IFormControlProps.html b/apidoc/interfaces/IFormControlProps.html index ea3d87281..0e591751b 100644 --- a/apidoc/interfaces/IFormControlProps.html +++ b/apidoc/interfaces/IFormControlProps.html @@ -100,7 +100,7 @@

    Optional children

    children: ReactNode
    @@ -110,7 +110,7 @@

    Optional className

    className: string
    @@ -120,7 +120,7 @@

    Optional invalid

    invalid: boolean
    @@ -135,7 +135,7 @@

    Optional label

    label: ReactNode
    @@ -150,7 +150,7 @@

    Optional required

    required: boolean
    @@ -165,7 +165,7 @@

    Optional style

    style: CSSProperties
    @@ -175,7 +175,7 @@

    Optional withoutLabel

    withoutLabel: boolean
    diff --git a/apidoc/interfaces/IFormDescriptionProps.html b/apidoc/interfaces/IFormDescriptionProps.html index 8b1ec0ec7..a45c2d4f1 100644 --- a/apidoc/interfaces/IFormDescriptionProps.html +++ b/apidoc/interfaces/IFormDescriptionProps.html @@ -95,7 +95,7 @@

    Optional className

    className: string
    @@ -105,7 +105,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IFormErrorProps.html b/apidoc/interfaces/IFormErrorProps.html index bf961c1ef..df6020268 100644 --- a/apidoc/interfaces/IFormErrorProps.html +++ b/apidoc/interfaces/IFormErrorProps.html @@ -96,7 +96,7 @@

    Optional children

    children: ReactNode
    @@ -106,7 +106,7 @@

    Optional className

    className: string
    @@ -116,7 +116,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IFormFieldChildProps.html b/apidoc/interfaces/IFormFieldChildProps.html index add2aa81e..8935c24cf 100644 --- a/apidoc/interfaces/IFormFieldChildProps.html +++ b/apidoc/interfaces/IFormFieldChildProps.html @@ -111,7 +111,7 @@

    onBlur

    onBlur: FocusEventHandler<Element>
    @@ -121,7 +121,7 @@

    onCompositionEnd

    onCompositionEnd: CompositionEventHandler<Element>
    @@ -131,7 +131,7 @@

    onCompositionStart

    onCompositionStart: CompositionEventHandler<Element>
    @@ -141,7 +141,7 @@

    value

    value: Value
    @@ -158,7 +158,7 @@

    onChange

  • Parameters

    diff --git a/apidoc/interfaces/IFormFieldModelDrivenProps.html b/apidoc/interfaces/IFormFieldModelDrivenProps.html index 205400dc1..2164f3c30 100644 --- a/apidoc/interfaces/IFormFieldModelDrivenProps.html +++ b/apidoc/interfaces/IFormFieldModelDrivenProps.html @@ -105,7 +105,7 @@

    defaultValue

    defaultValue: T | (() => T)
    @@ -120,7 +120,7 @@

    Optional initialValue

    initialValue: T
    @@ -135,7 +135,7 @@

    model

    model: FieldModel<T> | ModelRef<T, IModel<any>, FieldModel<T>>
    @@ -151,7 +151,7 @@

    Optional validators

    validators: IValidators<T>
    diff --git a/apidoc/interfaces/IFormFieldPropsBase.html b/apidoc/interfaces/IFormFieldPropsBase.html index 35c7e622c..2f7b9806d 100644 --- a/apidoc/interfaces/IFormFieldPropsBase.html +++ b/apidoc/interfaces/IFormFieldPropsBase.html @@ -137,7 +137,7 @@

    Optional after

    after: ReactNode
    @@ -152,7 +152,7 @@

    Optional before

    before: ReactNode
    @@ -168,7 +168,7 @@

    Optional children

    @@ -179,7 +179,7 @@

    Optional className

    @@ -189,7 +189,7 @@

    Optional helpDesc

    helpDesc: ReactNode
    @@ -205,7 +205,7 @@

    Optional label

    @@ -220,7 +220,7 @@

    Optional modelRef

    modelRef: RefObject<FieldModel<Value>>
    @@ -235,7 +235,7 @@

    Optional notice

    notice: ReactNode
    @@ -251,7 +251,7 @@

    Optional onBlur

    @@ -262,7 +262,7 @@

    Optional onComposition

    Inherited from Partial.onCompositionEnd

    @@ -273,7 +273,7 @@

    Optional onComposition

    Inherited from Partial.onCompositionStart

    @@ -283,7 +283,7 @@

    Optional renderError

    renderError: IRenderError<Value>
    @@ -298,7 +298,7 @@

    Optional required

    required: string | boolean
    @@ -314,7 +314,7 @@

    Optional style

    @@ -324,7 +324,7 @@

    Optional touchWhen

    touchWhen: TouchWhen
    @@ -344,7 +344,7 @@

    Optional validateOccasion
    validateOccasion: ValidateOccasion
    @@ -364,7 +364,7 @@

    Optional withoutError

    withoutError: boolean
    @@ -380,7 +380,7 @@

    Optional withoutLabel

    Inherited from Omit.withoutLabel

    @@ -402,7 +402,7 @@

    Optional format

  • @@ -430,7 +430,7 @@

    Optional getValidate
  • @@ -462,7 +462,7 @@

    Optional normalize

  • @@ -493,7 +493,7 @@

    Optional normalizeBefore<
  • @@ -522,7 +522,7 @@

    Optional onChange

    Parameters

    diff --git a/apidoc/interfaces/IFormFieldViewDrivenProps.html b/apidoc/interfaces/IFormFieldViewDrivenProps.html index c4c746ebb..0f5b018f7 100644 --- a/apidoc/interfaces/IFormFieldViewDrivenProps.html +++ b/apidoc/interfaces/IFormFieldViewDrivenProps.html @@ -107,7 +107,7 @@

    defaultValue

    defaultValue: T | (() => T)
    @@ -122,7 +122,7 @@

    Optional destroyOnUnmount
    destroyOnUnmount: boolean
    @@ -142,7 +142,7 @@

    Optional initialValue

    initialValue: T
    @@ -157,7 +157,7 @@

    name

    name: string
    @@ -172,7 +172,7 @@

    Optional normalizeBefore<
    normalizeBeforeSubmit: INormalizeBeforeSubmit<T, any>
    @@ -187,7 +187,7 @@

    Optional validators

    validators: IValidators<T>
    diff --git a/apidoc/interfaces/IFormNoticeProps.html b/apidoc/interfaces/IFormNoticeProps.html index f332dbb7f..e1e1e2823 100644 --- a/apidoc/interfaces/IFormNoticeProps.html +++ b/apidoc/interfaces/IFormNoticeProps.html @@ -95,7 +95,7 @@

    Optional className

    className: string
    @@ -105,7 +105,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IFormProps.html b/apidoc/interfaces/IFormProps.html index 8bfcb93b1..35966613b 100644 --- a/apidoc/interfaces/IFormProps.html +++ b/apidoc/interfaces/IFormProps.html @@ -1470,7 +1470,7 @@

    Optional direction

    direction: "row" | "column"
    @@ -1490,7 +1490,7 @@

    Optional disableEnterdisableEnterSubmit: boolean

    @@ -1505,7 +1505,7 @@

    Optional disabled

    disabled: boolean
    @@ -1542,7 +1542,7 @@

    form

    form: ZentForm<T>
    @@ -1698,7 +1698,7 @@

    Optional layout

    layout: "inline" | "horizontal" | "vertical"
    @@ -3566,7 +3566,7 @@

    Optional scrollToErrorscrollToError: boolean

    @@ -3732,7 +3732,7 @@

    Optional onReset

    @@ -3760,7 +3760,7 @@

    Optional onSubmit

  • @@ -3791,7 +3791,7 @@

    Optional onSubmitFai
  • @@ -3819,7 +3819,7 @@

    Optional onSubmitSuc
  • @@ -3841,7 +3841,7 @@

    Optional willScrollT
  • diff --git a/apidoc/interfaces/IFormScrollToErrorOptions.html b/apidoc/interfaces/IFormScrollToErrorOptions.html index 503edd13a..b3776d3ec 100644 --- a/apidoc/interfaces/IFormScrollToErrorOptions.html +++ b/apidoc/interfaces/IFormScrollToErrorOptions.html @@ -96,7 +96,7 @@

    Optional offsetX

    offsetX: number
    @@ -111,7 +111,7 @@

    Optional offsetY

    offsetY: number
    @@ -126,7 +126,7 @@

    Optional scrollContainer<
    scrollContainer: HTMLElement
    diff --git a/apidoc/interfaces/IGridCellPos.html b/apidoc/interfaces/IGridCellPos.html index 6ae581d28..c7b27a4fe 100644 --- a/apidoc/interfaces/IGridCellPos.html +++ b/apidoc/interfaces/IGridCellPos.html @@ -96,7 +96,7 @@

    column

    column: number
    @@ -106,7 +106,7 @@

    Optional fixed

    fixed: IGridInnerFixedType
    @@ -116,7 +116,7 @@

    row

    row: number
    diff --git a/apidoc/interfaces/IGridColumn.html b/apidoc/interfaces/IGridColumn.html index 44c3f8be5..013b7f6c7 100644 --- a/apidoc/interfaces/IGridColumn.html +++ b/apidoc/interfaces/IGridColumn.html @@ -127,7 +127,7 @@

    Optional bodyRender

    bodyRender: ReactNode | IGridColumnBodyRenderFunc<Data>
    @@ -137,7 +137,7 @@

    Optional children

    children: IGridColumn<Data>[]
    @@ -147,7 +147,7 @@

    Optional className

    className: string
    @@ -157,7 +157,7 @@

    Optional colSpan

    colSpan: number
    @@ -167,7 +167,7 @@

    Optional defaultText

    defaultText: ReactNode
    @@ -177,7 +177,7 @@

    Optional fixed

    fixed: GridFixedType
    @@ -187,7 +187,7 @@

    Optional name

    name: string
    @@ -197,7 +197,7 @@

    Optional needSort

    needSort: boolean
    @@ -207,7 +207,7 @@

    Optional noWrap

    noWrap: boolean
    @@ -217,7 +217,7 @@

    Optional nowrap

    nowrap: boolean
    @@ -234,7 +234,7 @@

    Optional rowSpan

    rowSpan: number
    @@ -244,7 +244,7 @@

    Optional textAlign

    textAlign: GridTextAlign
    @@ -254,7 +254,7 @@

    title

    title: ReactNode
    @@ -264,7 +264,7 @@

    Optional width

    width: Width<string | number>
    @@ -281,7 +281,7 @@

    Optional isValueEmpt

  • Parameters

    @@ -304,7 +304,7 @@

    Optional onCellClick

  • Parameters

    diff --git a/apidoc/interfaces/IGridExpandation.html b/apidoc/interfaces/IGridExpandation.html index 7f62d1e67..270f2d71e 100644 --- a/apidoc/interfaces/IGridExpandation.html +++ b/apidoc/interfaces/IGridExpandation.html @@ -108,7 +108,7 @@

    Optional expandRender

    Parameters

    @@ -131,7 +131,7 @@

    Optional isExpandable

    Parameters

    @@ -157,7 +157,7 @@

    Optional isExpanded

  • Parameters

    diff --git a/apidoc/interfaces/IGridInnerColumn.html b/apidoc/interfaces/IGridInnerColumn.html index bd7ac6a5f..173a665cf 100644 --- a/apidoc/interfaces/IGridInnerColumn.html +++ b/apidoc/interfaces/IGridInnerColumn.html @@ -129,7 +129,7 @@

    Optional bodyRender

    @@ -140,7 +140,7 @@

    Optional children

    @@ -151,7 +151,7 @@

    Optional className

    @@ -162,7 +162,7 @@

    Optional colSpan

    @@ -173,7 +173,7 @@

    Optional defaultText

    @@ -184,7 +184,7 @@

    Optional fixed

    @@ -194,7 +194,7 @@

    Optional key

    key: string
    @@ -205,7 +205,7 @@

    Optional name

    @@ -216,7 +216,7 @@

    Optional needSort

    @@ -227,7 +227,7 @@

    Optional noWrap

    @@ -238,7 +238,7 @@

    Optional nowrap

    @@ -256,7 +256,7 @@

    Optional rowSpan

    @@ -267,7 +267,7 @@

    Optional textAlign

    @@ -278,7 +278,7 @@

    title

    @@ -289,7 +289,7 @@

    Optional width

    @@ -307,7 +307,7 @@

    Optional isValueEmpt

    Parameters

    @@ -331,7 +331,7 @@

    Optional onCellClick

    Parameters

    diff --git a/apidoc/interfaces/IGridOnChangeConfig.html b/apidoc/interfaces/IGridOnChangeConfig.html index c5d901a50..6ee15d86a 100644 --- a/apidoc/interfaces/IGridOnChangeConfig.html +++ b/apidoc/interfaces/IGridOnChangeConfig.html @@ -97,7 +97,7 @@

    Optional current

    current: number
    @@ -107,7 +107,7 @@

    Optional pageSize

    pageSize: number
    @@ -117,7 +117,7 @@

    Optional sortBy

    sortBy: string
    @@ -127,7 +127,7 @@

    Optional sortType

    sortType: GridSortType
    diff --git a/apidoc/interfaces/IGridPageInfo.html b/apidoc/interfaces/IGridPageInfo.html index 688c9a200..a4f4f1898 100644 --- a/apidoc/interfaces/IGridPageInfo.html +++ b/apidoc/interfaces/IGridPageInfo.html @@ -97,7 +97,7 @@

    Optional current

    current: number
    @@ -107,7 +107,7 @@

    Optional pageSize

    pageSize: number
    @@ -117,7 +117,7 @@

    Optional pageSizeOpt
    pageSizeOptions: PaginationPageSizeOption[]
    @@ -127,7 +127,7 @@

    Optional total

    total: number
    diff --git a/apidoc/interfaces/IGridProps.html b/apidoc/interfaces/IGridProps.html index 9da45eec7..4384b40e8 100644 --- a/apidoc/interfaces/IGridProps.html +++ b/apidoc/interfaces/IGridProps.html @@ -142,7 +142,7 @@

    Optional autoStick

    autoStick: boolean
    @@ -152,7 +152,7 @@

    Optional autoStickOf
    autoStickOffsetTop: number
    @@ -162,7 +162,7 @@

    Optional batchRender

    batchRender: IGridBatchRender
    @@ -172,7 +172,7 @@

    Optional bordered

    bordered: boolean
    @@ -182,7 +182,7 @@

    Optional className

    className: string
    @@ -192,7 +192,7 @@

    columns

    columns: IGridColumn<any>[]
    @@ -202,7 +202,7 @@

    Optional components

    components: { row?: ComponentType<RowProps> }
    @@ -220,7 +220,7 @@

    datasets

    datasets: readonly Data[]
    @@ -230,7 +230,7 @@

    Optional defaultSort
    defaultSortType: GridSortType
    @@ -240,7 +240,7 @@

    Optional disableHoverdisableHoverHighlight: boolean

    @@ -250,7 +250,7 @@

    Optional ellipsis

    ellipsis: boolean
    @@ -260,7 +260,7 @@

    Optional emptyLabel

    emptyLabel: ReactNode
    @@ -270,7 +270,7 @@

    Optional expandation

    expandation: IGridExpandation<Data>
    @@ -280,7 +280,7 @@

    Optional loading

    loading: boolean
    @@ -290,7 +290,7 @@

    Optional loadingProps

    loadingProps: Omit<IBlockLoadingProps, "loading">
    @@ -300,7 +300,7 @@

    Optional onExpand

    onExpand: IGridOnExpandHandler<Data>
    @@ -310,7 +310,7 @@

    Optional onRowClick<
    onRowClick: IGridRowClickHandler<Data>
    @@ -320,7 +320,7 @@

    Optional pageInfo

    pageInfo: IGridPageInfo
    @@ -330,7 +330,7 @@

    Optional paginationTypepaginationType: GridPaginationType

    • @@ -340,7 +340,7 @@

    Optional rowClassNam
    rowClassName: GridRowClassNameType<Data>
    @@ -350,7 +350,7 @@

    Optional rowKey

    rowKey: string
    @@ -360,7 +360,7 @@

    Optional scroll

    scroll: IGridScrollDelta
    @@ -370,7 +370,7 @@

    Optional selection

    selection: IGridSelection<Data, Key>
    @@ -380,7 +380,7 @@

    Optional size

    size: "small" | "large" | "medium"
    @@ -390,7 +390,7 @@

    Optional sortBy

    sortBy: string
    @@ -400,7 +400,7 @@

    Optional sortType

    sortType: GridSortType
    @@ -410,7 +410,7 @@

    Optional stickyBatch

    stickyBatch: boolean
    @@ -420,7 +420,7 @@

    Optional tableLayout

    tableLayout: "auto" | "fixed"
    @@ -437,7 +437,7 @@

    Optional onChange

  • Parameters

    @@ -460,7 +460,7 @@

    Optional rowProps

  • Parameters

    diff --git a/apidoc/interfaces/IGridScrollDelta.html b/apidoc/interfaces/IGridScrollDelta.html index fee35eb42..eef3947e1 100644 --- a/apidoc/interfaces/IGridScrollDelta.html +++ b/apidoc/interfaces/IGridScrollDelta.html @@ -95,7 +95,7 @@

    Optional x

    x: number
    @@ -105,7 +105,7 @@

    Optional y

    y: number
    diff --git a/apidoc/interfaces/IGridSelection.html b/apidoc/interfaces/IGridSelection.html index 4aae4e1ea..1085d5abd 100644 --- a/apidoc/interfaces/IGridSelection.html +++ b/apidoc/interfaces/IGridSelection.html @@ -114,7 +114,7 @@

    Optional isSingleSel
    isSingleSelection: boolean
    @@ -124,7 +124,7 @@

    Optional selectedRow
    selectedRowKeys: Key[]
    @@ -141,7 +141,7 @@

    Optional getCheckbox

  • Parameters

    @@ -164,7 +164,7 @@

    Optional getSelection

    Parameters

    @@ -187,7 +187,7 @@

    Optional onSelect

  • Parameters

    diff --git a/apidoc/interfaces/IGridSelectionProps.html b/apidoc/interfaces/IGridSelectionProps.html index 81e180abe..69241415a 100644 --- a/apidoc/interfaces/IGridSelectionProps.html +++ b/apidoc/interfaces/IGridSelectionProps.html @@ -95,7 +95,7 @@

    disabled

    disabled: boolean
    @@ -105,7 +105,7 @@

    reason

    reason: ReactNode
    diff --git a/apidoc/interfaces/IGridState.html b/apidoc/interfaces/IGridState.html index 84b80ea3f..bb8d55eb4 100644 --- a/apidoc/interfaces/IGridState.html +++ b/apidoc/interfaces/IGridState.html @@ -101,7 +101,7 @@

    expandRowKeys

    expandRowKeys: boolean[]
    @@ -111,7 +111,7 @@

    fixedColumnsBodyExpandRowsHeight

    fixedColumnsBodyExpandRowsHeight: (string | number)[]
    @@ -121,7 +121,7 @@

    fixedColumnsBodyRowsHeight

    fixedColumnsBodyRowsHeight: (string | number)[]
    @@ -131,7 +131,7 @@

    fixedColumnsHeadRowsHeight

    fixedColumnsHeadRowsHeight: (string | number)[]
    @@ -141,7 +141,7 @@

    Optional marginLeft

    marginLeft: string
    @@ -151,7 +151,7 @@

    mouseOverRowIndex

    mouseOverRowIndex: number
    @@ -161,7 +161,7 @@

    showStickHead

    showStickHead: boolean
    @@ -171,7 +171,7 @@

    Optional tableWidth

    tableWidth: number
    diff --git a/apidoc/interfaces/IHoverTriggerCompatibleProps.html b/apidoc/interfaces/IHoverTriggerCompatibleProps.html index c348eac2e..0e84746a5 100644 --- a/apidoc/interfaces/IHoverTriggerCompatibleProps.html +++ b/apidoc/interfaces/IHoverTriggerCompatibleProps.html @@ -99,7 +99,7 @@

    Optional fixMouseEve
    fixMouseEventsOnDisabledChildren: boolean
    diff --git a/apidoc/interfaces/II18nLocaleCascader.html b/apidoc/interfaces/II18nLocaleCascader.html index 0aceeafb1..a06e2513f 100644 --- a/apidoc/interfaces/II18nLocaleCascader.html +++ b/apidoc/interfaces/II18nLocaleCascader.html @@ -110,7 +110,7 @@

    cancel

    @@ -121,7 +121,7 @@

    comma

    @@ -132,7 +132,7 @@

    confirm

    @@ -142,7 +142,7 @@

    empty

    empty: string
    @@ -152,7 +152,7 @@

    loading

    loading: string
    @@ -163,7 +163,7 @@

    ok

    @@ -173,7 +173,7 @@

    placeholder

    placeholder: string
    @@ -184,7 +184,7 @@

    reset

    @@ -194,7 +194,7 @@

    searchEmpty

    searchEmpty: string
    @@ -204,7 +204,7 @@

    searchPlaceholder

    searchPlaceholder: string
    @@ -214,7 +214,7 @@

    title

    title: ReactNode
    diff --git a/apidoc/interfaces/II18nLocaleCommon.html b/apidoc/interfaces/II18nLocaleCommon.html index 769f2d803..a235b322e 100644 --- a/apidoc/interfaces/II18nLocaleCommon.html +++ b/apidoc/interfaces/II18nLocaleCommon.html @@ -115,7 +115,7 @@

    cancel

    cancel: string
    @@ -125,7 +125,7 @@

    comma

    comma: string
    @@ -135,7 +135,7 @@

    confirm

    confirm: string
    @@ -145,7 +145,7 @@

    ok

    ok: string
    @@ -155,7 +155,7 @@

    reset

    reset: string
    diff --git a/apidoc/interfaces/II18nLocaleCopyButton.html b/apidoc/interfaces/II18nLocaleCopyButton.html index 321fbe35d..e5b26c912 100644 --- a/apidoc/interfaces/II18nLocaleCopyButton.html +++ b/apidoc/interfaces/II18nLocaleCopyButton.html @@ -96,7 +96,7 @@

    copy

    copy: string
    @@ -106,7 +106,7 @@

    error

    error: string
    @@ -116,7 +116,7 @@

    success

    success: string
    diff --git a/apidoc/interfaces/II18nLocaleForm.html b/apidoc/interfaces/II18nLocaleForm.html index df94f4937..e40cd8efe 100644 --- a/apidoc/interfaces/II18nLocaleForm.html +++ b/apidoc/interfaces/II18nLocaleForm.html @@ -94,7 +94,7 @@

    required

    required: string
    diff --git a/apidoc/interfaces/II18nLocaleGrid.html b/apidoc/interfaces/II18nLocaleGrid.html index 8803cef7d..a311291c8 100644 --- a/apidoc/interfaces/II18nLocaleGrid.html +++ b/apidoc/interfaces/II18nLocaleGrid.html @@ -105,7 +105,7 @@

    cancel

    @@ -116,7 +116,7 @@

    comma

    @@ -127,7 +127,7 @@

    confirm

    @@ -137,7 +137,7 @@

    emptyLabel

    emptyLabel: string
    @@ -148,7 +148,7 @@

    ok

    @@ -159,7 +159,7 @@

    reset

    diff --git a/apidoc/interfaces/II18nLocaleMention.html b/apidoc/interfaces/II18nLocaleMention.html index 4e5c9b884..774565820 100644 --- a/apidoc/interfaces/II18nLocaleMention.html +++ b/apidoc/interfaces/II18nLocaleMention.html @@ -94,7 +94,7 @@

    noContent

    noContent: string
    diff --git a/apidoc/interfaces/II18nLocaleNumberInput.html b/apidoc/interfaces/II18nLocaleNumberInput.html index 5209173bb..c2cd4442c 100644 --- a/apidoc/interfaces/II18nLocaleNumberInput.html +++ b/apidoc/interfaces/II18nLocaleNumberInput.html @@ -95,7 +95,7 @@

    max

    max: string
    @@ -105,7 +105,7 @@

    min

    min: string
    diff --git a/apidoc/interfaces/II18nLocalePagination.html b/apidoc/interfaces/II18nLocalePagination.html index 9238d59e2..b45f41ed8 100644 --- a/apidoc/interfaces/II18nLocalePagination.html +++ b/apidoc/interfaces/II18nLocalePagination.html @@ -103,7 +103,7 @@

    items

    items: string
    @@ -113,7 +113,7 @@

    selectWidth

    selectWidth: number
    @@ -130,7 +130,7 @@

    jumpTo

  • Parameters

    @@ -158,7 +158,7 @@

    pageStats

  • Parameters

    @@ -192,7 +192,7 @@

    pageStatsStatic

  • Parameters

    diff --git a/apidoc/interfaces/II18nLocalePreviewImage.html b/apidoc/interfaces/II18nLocalePreviewImage.html index 658f3d9b0..67369a09e 100644 --- a/apidoc/interfaces/II18nLocalePreviewImage.html +++ b/apidoc/interfaces/II18nLocalePreviewImage.html @@ -97,7 +97,7 @@

    alt

    alt: string
    @@ -107,7 +107,7 @@

    next

    next: string
    @@ -117,7 +117,7 @@

    prev

    prev: string
    @@ -127,7 +127,7 @@

    rotate

    rotate: string
    diff --git a/apidoc/interfaces/II18nLocaleRangePicker.html b/apidoc/interfaces/II18nLocaleRangePicker.html index 4fcc5340d..708521cc4 100644 --- a/apidoc/interfaces/II18nLocaleRangePicker.html +++ b/apidoc/interfaces/II18nLocaleRangePicker.html @@ -95,7 +95,7 @@

    30

    30: string
    @@ -105,7 +105,7 @@

    7

    7: string
    diff --git a/apidoc/interfaces/II18nLocaleSelect.html b/apidoc/interfaces/II18nLocaleSelect.html index cbd7141e8..4aaa2a8e9 100644 --- a/apidoc/interfaces/II18nLocaleSelect.html +++ b/apidoc/interfaces/II18nLocaleSelect.html @@ -97,7 +97,7 @@

    create

    create: string
    @@ -107,7 +107,7 @@

    empty

    empty: string
    @@ -117,7 +117,7 @@

    input

    input: string
    @@ -127,7 +127,7 @@

    tagSeparator

    tagSeparator: string
    diff --git a/apidoc/interfaces/II18nLocaleSweetalert.html b/apidoc/interfaces/II18nLocaleSweetalert.html index 9002a0e74..d84879a77 100644 --- a/apidoc/interfaces/II18nLocaleSweetalert.html +++ b/apidoc/interfaces/II18nLocaleSweetalert.html @@ -105,7 +105,7 @@

    cancel

    @@ -116,7 +116,7 @@

    comma

    @@ -127,7 +127,7 @@

    confirm

    @@ -138,7 +138,7 @@

    ok

    @@ -149,7 +149,7 @@

    reset

    @@ -159,7 +159,7 @@

    title

    title: string
    diff --git a/apidoc/interfaces/II18nLocaleSwitch.html b/apidoc/interfaces/II18nLocaleSwitch.html index 0e4039588..af784d5d0 100644 --- a/apidoc/interfaces/II18nLocaleSwitch.html +++ b/apidoc/interfaces/II18nLocaleSwitch.html @@ -95,7 +95,7 @@

    checked

    checked: string
    @@ -105,7 +105,7 @@

    unchecked

    unchecked: string
    diff --git a/apidoc/interfaces/II18nLocaleTimePicker.html b/apidoc/interfaces/II18nLocaleTimePicker.html index 51318f0e9..43df24888 100644 --- a/apidoc/interfaces/II18nLocaleTimePicker.html +++ b/apidoc/interfaces/II18nLocaleTimePicker.html @@ -120,7 +120,7 @@

    cancel

    @@ -131,7 +131,7 @@

    comma

    @@ -142,7 +142,7 @@

    confirm

    @@ -152,7 +152,7 @@

    current

    current: { date: string; month: string; time: string; week: string; year: string }
    @@ -182,7 +182,7 @@

    date

    date: string
    @@ -192,7 +192,7 @@

    dateErrorPop

    dateErrorPop: string
    @@ -202,7 +202,7 @@

    end

    end: string
    @@ -212,7 +212,7 @@

    endTime

    endTime: string
    @@ -222,7 +222,7 @@

    month

    month: string
    @@ -233,7 +233,7 @@

    ok

    @@ -243,7 +243,7 @@

    panel

    panel: { dayNames: string[]; hour: string; hourSelect: string; minute: string; minuteSelect: string; monthNames: string[]; quarterNames: string[]; second: string; secondSelect: string; titleFormat: string; year: string; yearQuarterName: any }
    @@ -291,7 +291,7 @@
    yearQuarterName: functio

  • Parameters

    @@ -321,7 +321,7 @@

    quarter

    quarter: string
    @@ -331,7 +331,7 @@

    range

    range: string
    @@ -342,7 +342,7 @@

    reset

    @@ -352,7 +352,7 @@

    start

    start: string
    @@ -362,7 +362,7 @@

    startTime

    startTime: string
    @@ -372,7 +372,7 @@

    time

    time: string
    @@ -382,7 +382,7 @@

    timeErrorPop

    timeErrorPop: string
    @@ -392,7 +392,7 @@

    to

    to: string
    @@ -402,7 +402,7 @@

    week

    week: string
    @@ -412,7 +412,7 @@

    year

    year: string
    diff --git a/apidoc/interfaces/II18nLocaleTransfer.html b/apidoc/interfaces/II18nLocaleTransfer.html index b4bc68c90..9bfdcef2a 100644 --- a/apidoc/interfaces/II18nLocaleTransfer.html +++ b/apidoc/interfaces/II18nLocaleTransfer.html @@ -97,7 +97,7 @@

    emptyLabel

    emptyLabel: string
    @@ -107,7 +107,7 @@

    item

    item: string
    @@ -117,7 +117,7 @@

    items

    items: string
    @@ -127,7 +127,7 @@

    placeholder

    placeholder: string
    diff --git a/apidoc/interfaces/II18nLocaleUpload.html b/apidoc/interfaces/II18nLocaleUpload.html index 675044be6..402e0c3ef 100644 --- a/apidoc/interfaces/II18nLocaleUpload.html +++ b/apidoc/interfaces/II18nLocaleUpload.html @@ -109,7 +109,7 @@

    add

    add: string
    @@ -120,7 +120,7 @@

    cancel

    @@ -131,7 +131,7 @@

    comma

    @@ -142,7 +142,7 @@

    confirm

    @@ -152,7 +152,7 @@

    delete

    delete: string
    @@ -162,7 +162,7 @@

    failed

    failed: string
    @@ -172,7 +172,7 @@

    limit

    limit: string
    @@ -183,7 +183,7 @@

    ok

    @@ -194,7 +194,7 @@

    reset

    @@ -204,7 +204,7 @@

    retry

    retry: string
    @@ -214,7 +214,7 @@

    uploading

    uploading: string
    diff --git a/apidoc/interfaces/IIMECompositionContext.html b/apidoc/interfaces/IIMECompositionContext.html index 012ffe327..efefa4858 100644 --- a/apidoc/interfaces/IIMECompositionContext.html +++ b/apidoc/interfaces/IIMECompositionContext.html @@ -94,7 +94,7 @@

    enable

    enable: boolean
    diff --git a/apidoc/interfaces/IIMECompositionProps.html b/apidoc/interfaces/IIMECompositionProps.html index c9d107d4c..6bfc7a4c6 100644 --- a/apidoc/interfaces/IIMECompositionProps.html +++ b/apidoc/interfaces/IIMECompositionProps.html @@ -94,7 +94,7 @@

    Optional enable

    enable: boolean
    diff --git a/apidoc/interfaces/IIconProps.html b/apidoc/interfaces/IIconProps.html index 73bdb8133..1bc62651b 100644 --- a/apidoc/interfaces/IIconProps.html +++ b/apidoc/interfaces/IIconProps.html @@ -3451,7 +3451,7 @@

    Optional spin

    spin: boolean
    @@ -3527,7 +3527,7 @@

    type

    type: IconType
    diff --git a/apidoc/interfaces/IImageUploadFileItem.html b/apidoc/interfaces/IImageUploadFileItem.html index 81c824c65..1c1c570a1 100644 --- a/apidoc/interfaces/IImageUploadFileItem.html +++ b/apidoc/interfaces/IImageUploadFileItem.html @@ -107,7 +107,7 @@

    Optional

    Inherited from IUploadFileItem.file

    @@ -123,7 +123,7 @@

    Optional id

    @@ -139,7 +139,7 @@

    name

    @@ -155,7 +155,7 @@

    Optional percent

    @@ -170,7 +170,7 @@

    Optional src

    src: string
    @@ -181,7 +181,7 @@

    status

    @@ -196,7 +196,7 @@

    Optional thumbSrc

    thumbSrc: string
    @@ -207,7 +207,7 @@

    type

    diff --git a/apidoc/interfaces/IImageUploadListProps.html b/apidoc/interfaces/IImageUploadListProps.html index adf8a9ae7..56d812421 100644 --- a/apidoc/interfaces/IImageUploadListProps.html +++ b/apidoc/interfaces/IImageUploadListProps.html @@ -113,7 +113,7 @@

    Optional customUpload

    Inherited from IAbstractUploadListProps.customUploadItem

    @@ -124,7 +124,7 @@

    fileList

    @@ -135,7 +135,7 @@

    i18n

    @@ -145,7 +145,7 @@

    onPreview

    onPreview: IImageUploadPreviewHandler
    @@ -156,7 +156,7 @@

    Optional sortable

    @@ -166,7 +166,7 @@

    trigger

    trigger: ReactNode
    @@ -184,7 +184,7 @@

    onDelete

    Parameters

    @@ -208,7 +208,7 @@

    onRetry

    Parameters

    @@ -232,7 +232,7 @@

    onSortChange

    Parameters

    diff --git a/apidoc/interfaces/IImageUploadProps.html b/apidoc/interfaces/IImageUploadProps.html index 63e11c92b..2e47653ca 100644 --- a/apidoc/interfaces/IImageUploadProps.html +++ b/apidoc/interfaces/IImageUploadProps.html @@ -122,7 +122,7 @@

    Optional accept

    @@ -138,7 +138,7 @@

    Optional className

    @@ -154,7 +154,7 @@

    Optional customUpload

    Inherited from IAbstractMultiUploadProps.customUploadItem

    @@ -170,7 +170,7 @@

    Optional defaultFile
    @@ -186,7 +186,7 @@

    Optional disabled

    @@ -202,7 +202,7 @@

    Optional fileList

    @@ -218,7 +218,7 @@

    Optional manualUpload

    Inherited from IAbstractMultiUploadProps.manualUpload

    @@ -234,7 +234,7 @@

    Optional maxAmount

    @@ -250,7 +250,7 @@

    Optional maxSize

    @@ -266,7 +266,7 @@

    Optional multiple

    @@ -282,7 +282,7 @@

    onChange

    @@ -298,7 +298,7 @@

    Optional onError

    @@ -314,7 +314,7 @@

    Optional onUpload

    @@ -329,7 +329,7 @@

    Optional preview

    preview: IImageUploadPreviewHandler
    @@ -345,7 +345,7 @@

    Optional sortable

    @@ -360,7 +360,7 @@

    Optional tips

    tips: ReactNode | IUploadTipsFunc<IImageUploadProps>
    @@ -383,7 +383,7 @@

    Optional beforeUpload

    Inherited from IAbstractMultiUploadProps.beforeUpload

    @@ -411,7 +411,7 @@

    getThumbSrcFromFile

  • diff --git a/apidoc/interfaces/IInfiniteScrollerProps.html b/apidoc/interfaces/IInfiniteScrollerProps.html index 9a87f5001..f2ded8e61 100644 --- a/apidoc/interfaces/IInfiniteScrollerProps.html +++ b/apidoc/interfaces/IInfiniteScrollerProps.html @@ -101,7 +101,7 @@

    Optional children

    children: ReactNode
    @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    Optional hasMore

    hasMore: boolean
    @@ -131,7 +131,7 @@

    Optional loadMore

    loadMore: (() => Promise<unknown>) | ((stopLoading?: () => void) => void)
    @@ -141,7 +141,7 @@

    Optional loader

    loader: ReactNode
    @@ -151,7 +151,7 @@

    Optional skipLoadOnM
    skipLoadOnMount: boolean
    @@ -161,7 +161,7 @@

    Optional threshold

    threshold: number
    @@ -176,7 +176,7 @@

    Optional useWindow

    useWindow: boolean
    diff --git a/apidoc/interfaces/IInnerTab.html b/apidoc/interfaces/IInnerTab.html index 418eee4f7..edcaf56bc 100644 --- a/apidoc/interfaces/IInnerTab.html +++ b/apidoc/interfaces/IInnerTab.html @@ -125,7 +125,7 @@

    actived

    actived: boolean
    @@ -136,7 +136,7 @@

    Optional canFixed

    @@ -147,7 +147,7 @@

    Optional candel

    @@ -158,7 +158,7 @@

    Optional className

    @@ -169,7 +169,7 @@

    Optional disabled

    @@ -180,7 +180,7 @@

    Optional fixedIds

    @@ -191,7 +191,7 @@

    key

    @@ -201,7 +201,7 @@

    Optional panelChildrenpanelChildren: ReactNode

    @@ -212,7 +212,7 @@

    title

    @@ -222,7 +222,7 @@

    Optional unmountOnHideunmountOnHide: boolean

    @@ -240,7 +240,7 @@

    Optional onFixedChan

    Parameters

    diff --git a/apidoc/interfaces/IInputClearEvent.html b/apidoc/interfaces/IInputClearEvent.html index 858d237b2..e8e806ac2 100644 --- a/apidoc/interfaces/IInputClearEvent.html +++ b/apidoc/interfaces/IInputClearEvent.html @@ -269,7 +269,7 @@

    Optional fromClearBu
    fromClearButton: boolean
    @@ -400,7 +400,7 @@

    target

    target: IInputCoreProps & { value: string }
    diff --git a/apidoc/interfaces/IInputCommonProps.html b/apidoc/interfaces/IInputCommonProps.html index 2e00a993e..274745fad 100644 --- a/apidoc/interfaces/IInputCommonProps.html +++ b/apidoc/interfaces/IInputCommonProps.html @@ -112,7 +112,7 @@

    Optional autoFocus

    autoFocus: boolean
    @@ -122,7 +122,7 @@

    Optional autoSelect

    autoSelect: boolean
    @@ -132,7 +132,7 @@

    Optional className

    className: string
    @@ -142,7 +142,7 @@

    Optional initSelectioninitSelectionEnd: number

    • @@ -152,7 +152,7 @@

    Optional initSelectioninitSelectionStart: number

    @@ -162,7 +162,7 @@

    Optional inline

    inline: boolean
    @@ -172,7 +172,7 @@

    Optional onPressEnte
    onPressEnter: KeyboardEventHandler<HTMLInputElement>
    @@ -182,7 +182,7 @@

    Optional size

    size: "small" | "large" | "normal"
    @@ -192,7 +192,7 @@

    Optional style

    style: CSSProperties
    @@ -202,7 +202,7 @@

    Optional width

    width: string | number
    @@ -212,7 +212,7 @@

    Optional widthSize

    widthSize: InputWidthSizeType
    diff --git a/apidoc/interfaces/IInputCoreProps.html b/apidoc/interfaces/IInputCoreProps.html index 8f43a478d..a264611ee 100644 --- a/apidoc/interfaces/IInputCoreProps.html +++ b/apidoc/interfaces/IInputCoreProps.html @@ -437,7 +437,7 @@

    Optional addonAfter

    addonAfter: ReactNode
    @@ -447,7 +447,7 @@

    Optional addonBefore

    addonBefore: ReactNode
    @@ -1426,7 +1426,7 @@

    Optional autoSelect

    @@ -1708,7 +1708,7 @@

    Optional icon

    icon: IconType
    @@ -1718,7 +1718,7 @@

    Optional iconPosition

    iconPosition: "end" | "front"
    @@ -1740,7 +1740,7 @@

    Optional initSelection

    Inherited from IInputCommonProps.initSelectionEnd

    @@ -1751,7 +1751,7 @@

    Optional initSelection

    Inherited from IInputCommonProps.initSelectionStart

    @@ -1762,7 +1762,7 @@

    Optional inline

    @@ -2683,7 +2683,7 @@

    Optional onIconClick
    onIconClick: MouseEventHandler<HTMLElement>
    @@ -3310,7 +3310,7 @@

    Optional onPressEnte @@ -3859,7 +3859,7 @@

    Optional showClear

    showClear: boolean
    @@ -3870,7 +3870,7 @@

    Optional size

    @@ -3991,7 +3991,7 @@

    Optional type

    @@ -4023,7 +4023,7 @@

    Optional value

    value: string
    @@ -4056,7 +4056,7 @@

    Optional widthSize

    @@ -4073,7 +4073,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IInputState.html b/apidoc/interfaces/IInputState.html index 54b7c2c87..e29c64027 100644 --- a/apidoc/interfaces/IInputState.html +++ b/apidoc/interfaces/IInputState.html @@ -94,7 +94,7 @@

    hasFocus

    hasFocus: boolean
    diff --git a/apidoc/interfaces/ILabelProps.html b/apidoc/interfaces/ILabelProps.html index ccddd7b2f..1b3c98c86 100644 --- a/apidoc/interfaces/ILabelProps.html +++ b/apidoc/interfaces/ILabelProps.html @@ -94,7 +94,7 @@

    Optional required

    required: boolean
    diff --git a/apidoc/interfaces/ILayoutColProps.html b/apidoc/interfaces/ILayoutColProps.html index 64a1ef941..370db6865 100644 --- a/apidoc/interfaces/ILayoutColProps.html +++ b/apidoc/interfaces/ILayoutColProps.html @@ -98,7 +98,7 @@

    Optional className

    className: string
    @@ -108,7 +108,7 @@

    offset

    offset: number | ILayoutResponsiveValue
    @@ -118,7 +118,7 @@

    order

    order: number | ILayoutResponsiveValue
    @@ -128,7 +128,7 @@

    span

    span: number | ILayoutResponsiveValue
    @@ -138,7 +138,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/ILayoutConfig.html b/apidoc/interfaces/ILayoutConfig.html index e00d30c54..4c3712152 100644 --- a/apidoc/interfaces/ILayoutConfig.html +++ b/apidoc/interfaces/ILayoutConfig.html @@ -95,7 +95,7 @@

    colGutter

    colGutter: number | ILayoutResponsiveValue
    @@ -105,7 +105,7 @@

    rowGutter

    rowGutter: number | ILayoutResponsiveValue
    diff --git a/apidoc/interfaces/ILayoutGridProps.html b/apidoc/interfaces/ILayoutGridProps.html index 8d69615ca..1e989910d 100644 --- a/apidoc/interfaces/ILayoutGridProps.html +++ b/apidoc/interfaces/ILayoutGridProps.html @@ -95,7 +95,7 @@

    Optional className

    className: string
    @@ -105,7 +105,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/ILayoutResponsiveValue.html b/apidoc/interfaces/ILayoutResponsiveValue.html index 28accecbc..6a7dade82 100644 --- a/apidoc/interfaces/ILayoutResponsiveValue.html +++ b/apidoc/interfaces/ILayoutResponsiveValue.html @@ -111,7 +111,7 @@

    fallback

    fallback: number
    diff --git a/apidoc/interfaces/ILayoutRowProps.html b/apidoc/interfaces/ILayoutRowProps.html index 4707e34b4..675a3747d 100644 --- a/apidoc/interfaces/ILayoutRowProps.html +++ b/apidoc/interfaces/ILayoutRowProps.html @@ -97,7 +97,7 @@

    Optional align

    align: "start" | "end" | "center"
    @@ -107,7 +107,7 @@

    Optional className

    className: string
    @@ -117,7 +117,7 @@

    Optional justify

    justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly"
    @@ -127,7 +127,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/ILinkProps.html b/apidoc/interfaces/ILinkProps.html index 7fe9223fc..a8bd0a97b 100644 --- a/apidoc/interfaces/ILinkProps.html +++ b/apidoc/interfaces/ILinkProps.html @@ -1438,7 +1438,7 @@

    Optional disabled

    disabled: boolean
    @@ -3668,7 +3668,7 @@

    Optional weak

    weak: boolean
    diff --git a/apidoc/interfaces/ILinkTagProps.html b/apidoc/interfaces/ILinkTagProps.html index 412c8413b..da7810fe8 100644 --- a/apidoc/interfaces/ILinkTagProps.html +++ b/apidoc/interfaces/ILinkTagProps.html @@ -1583,7 +1583,7 @@

    Optional linkIconSty
    linkIconStyle: CSSProperties
    @@ -1836,7 +1836,7 @@

    Optional onClose

    @@ -3442,7 +3442,7 @@

    Optional rounded

    @@ -3486,7 +3486,7 @@

    Optional style

    @@ -3574,7 +3574,7 @@

    Optional visible

    diff --git a/apidoc/interfaces/ILocaleData.html b/apidoc/interfaces/ILocaleData.html index ab896cc52..80128b7fa 100644 --- a/apidoc/interfaces/ILocaleData.html +++ b/apidoc/interfaces/ILocaleData.html @@ -110,7 +110,7 @@

    Cascader

    Cascader: II18nLocaleCascader
    @@ -120,7 +120,7 @@

    CopyButton

    CopyButton: II18nLocaleCopyButton
    @@ -130,7 +130,7 @@

    Form

    Form: II18nLocaleForm
    @@ -140,7 +140,7 @@

    Grid

    Grid: II18nLocaleGrid
    @@ -150,7 +150,7 @@

    Mention

    Mention: II18nLocaleMention
    @@ -160,7 +160,7 @@

    NumberInput

    NumberInput: II18nLocaleNumberInput
    @@ -170,7 +170,7 @@

    Pagination

    Pagination: II18nLocalePagination
    @@ -180,7 +180,7 @@

    Pop

    Pop: II18nLocaleCommon
    @@ -190,7 +190,7 @@

    PreviewImage

    PreviewImage: II18nLocalePreviewImage
    @@ -200,7 +200,7 @@

    RangePicker

    RangePicker: II18nLocaleRangePicker
    @@ -210,7 +210,7 @@

    Select

    Select: II18nLocaleSelect
    @@ -220,7 +220,7 @@

    Sweetalert

    Sweetalert: II18nLocaleSweetalert
    @@ -230,7 +230,7 @@

    Switch

    Switch: II18nLocaleSwitch
    @@ -240,7 +240,7 @@

    TimePicker

    TimePicker: I18nLocaleTimePicker
    @@ -250,7 +250,7 @@

    Transfer

    Transfer: II18nLocaleTransfer
    @@ -260,7 +260,7 @@

    Upload

    Upload: II18nLocaleUpload
    @@ -270,7 +270,7 @@

    mark

    mark: LocaleMark
    diff --git a/apidoc/interfaces/IMentionProps.html b/apidoc/interfaces/IMentionProps.html index 904d06361..408192c79 100644 --- a/apidoc/interfaces/IMentionProps.html +++ b/apidoc/interfaces/IMentionProps.html @@ -113,7 +113,7 @@

    Optional className

    className: string
    @@ -123,7 +123,7 @@

    Optional inline

    inline: boolean
    @@ -133,7 +133,7 @@

    Optional loading

    loading: boolean
    @@ -143,7 +143,7 @@

    Optional multiLine

    multiLine: boolean
    @@ -153,7 +153,7 @@

    Optional onBlur

    onBlur: FocusEventHandler<Element>
    @@ -163,7 +163,7 @@

    Optional onKeyDownonKeyDown: KeyboardEventHandler<Element>

    • @@ -173,7 +173,7 @@

    Optional onKeyUp

    onKeyUp: FocusEventHandler<Element>
    @@ -183,7 +183,7 @@

    Optional position

    position: "top" | "bottom"
    @@ -193,7 +193,7 @@

    Optional suggestionNotsuggestionNotFoundContent: ReactNode

    @@ -203,7 +203,7 @@

    suggestions

    suggestions: string | number | ICompoundMentionSuggestion
    @@ -213,7 +213,7 @@

    Optional triggerText

    triggerText: string
    @@ -223,7 +223,7 @@

    Optional type

    type: string
    @@ -233,7 +233,7 @@

    value

    value: string
    @@ -250,7 +250,7 @@

    onChange

  • Parameters

    @@ -273,7 +273,7 @@

    Optional onSearchCha

  • Parameters

    diff --git a/apidoc/interfaces/IMenuBaseProps.html b/apidoc/interfaces/IMenuBaseProps.html index ab2e54aa0..7770990bb 100644 --- a/apidoc/interfaces/IMenuBaseProps.html +++ b/apidoc/interfaces/IMenuBaseProps.html @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    Optional mode

    mode: "inline" | "pop"
    @@ -131,7 +131,7 @@

    Optional style

    style: CSSProperties
    @@ -148,7 +148,7 @@

    Optional onClick

  • Parameters

    @@ -174,7 +174,7 @@

    Optional onSubMenu

    Parameters

    diff --git a/apidoc/interfaces/IMenuCascaderCommonProps.html b/apidoc/interfaces/IMenuCascaderCommonProps.html index df5b8f1af..4eeca0b68 100644 --- a/apidoc/interfaces/IMenuCascaderCommonProps.html +++ b/apidoc/interfaces/IMenuCascaderCommonProps.html @@ -136,7 +136,7 @@

    Optional async

    async: boolean
    @@ -147,7 +147,7 @@

    Optional className

    @@ -158,7 +158,7 @@

    Optional clearable

    @@ -169,7 +169,7 @@

    Optional disabled

    @@ -179,7 +179,7 @@

    Optional expandTriggerexpandTrigger: "click" | "hover"

    • @@ -189,7 +189,7 @@

    Optional limit

    limit: number
    @@ -199,7 +199,7 @@

    Optional lineHeight

    lineHeight: number
    @@ -209,7 +209,7 @@

    Optional loadChildrenloadChildrenOnScroll: boolean

    @@ -224,7 +224,7 @@

    Optional maxLine

    maxLine: number
    @@ -234,7 +234,7 @@

    Optional multipleType

    multipleType: "checkbox" | "normal"
    @@ -245,7 +245,7 @@

    options

    @@ -256,7 +256,7 @@

    Optional placeholder

    @@ -267,7 +267,7 @@

    Optional popupClassN @@ -277,7 +277,7 @@

    Optional scrollable

    scrollable: boolean
    @@ -287,7 +287,7 @@

    Optional searchable

    searchable: boolean
    @@ -298,7 +298,7 @@

    Optional visible

    @@ -315,7 +315,7 @@

    Optional asyncFilter

  • Parameters

    @@ -341,7 +341,7 @@

    Optional filter

  • Parameters

    @@ -368,7 +368,7 @@

    Optional getItemTool
    @@ -397,7 +397,7 @@

    Optional highlight

  • Parameters

    @@ -423,7 +423,7 @@

    Optional loadOptions

  • Parameters

    @@ -450,7 +450,7 @@

    Optional onVisibleCh

    Parameters

    @@ -474,7 +474,7 @@

    Optional renderItemC
    @@ -503,7 +503,7 @@

    Optional renderList

    @@ -553,7 +553,7 @@

    Optional renderValue

    diff --git a/apidoc/interfaces/IMenuCascaderMultipleProps.html b/apidoc/interfaces/IMenuCascaderMultipleProps.html index 87e22dd7c..4e7ca1707 100644 --- a/apidoc/interfaces/IMenuCascaderMultipleProps.html +++ b/apidoc/interfaces/IMenuCascaderMultipleProps.html @@ -135,7 +135,7 @@

    Optional async

    @@ -146,7 +146,7 @@

    Optional className

    @@ -157,7 +157,7 @@

    Optional clearable

    @@ -168,7 +168,7 @@

    Optional disabled

    @@ -179,7 +179,7 @@

    Optional expandTrigger

    Inherited from IMenuCascaderCommonProps.expandTrigger

    @@ -190,7 +190,7 @@

    Optional limit

    @@ -201,7 +201,7 @@

    Optional lineHeight

    @@ -212,7 +212,7 @@

    Optional loadChildren

    Inherited from IMenuCascaderCommonProps.loadChildrenOnScroll

    @@ -228,7 +228,7 @@

    Optional maxLine

    @@ -238,7 +238,7 @@

    Optional multiple

    multiple: true
    @@ -249,7 +249,7 @@

    Optional multipleType

    Inherited from IMenuCascaderCommonProps.multipleType

    @@ -260,7 +260,7 @@

    options

    @@ -271,7 +271,7 @@

    Optional placeholder

    @@ -282,7 +282,7 @@

    Optional popupClassN @@ -293,7 +293,7 @@

    Optional scrollable

    @@ -304,7 +304,7 @@

    Optional searchable

    @@ -314,7 +314,7 @@

    Optional simplifySelectio
    simplifySelection: boolean
    @@ -324,7 +324,7 @@

    Optional simplifySelectio
    simplifySelectionMode: CascaderSimplifySelectionMode
    @@ -334,7 +334,7 @@

    Optional value

    value: CascaderValue[][]
    @@ -345,7 +345,7 @@

    Optional visible

    @@ -363,7 +363,7 @@

    Optional asyncFilter

    Parameters

    @@ -390,7 +390,7 @@

    Optional filter

    Parameters

    @@ -417,7 +417,7 @@

    Optional getItemTool
    @@ -447,7 +447,7 @@

    Optional highlight

    Parameters

    @@ -474,7 +474,7 @@

    Optional loadOptions

    Parameters

    @@ -500,7 +500,7 @@

    onChange

  • Parameters

    @@ -530,7 +530,7 @@

    Optional onVisibleCh

    Parameters

    @@ -554,7 +554,7 @@

    Optional renderItemC
    @@ -583,7 +583,7 @@

    Optional renderList

    @@ -632,7 +632,7 @@

    Optional renderTags

  • Parameters

    @@ -656,7 +656,7 @@

    Optional renderValue

    diff --git a/apidoc/interfaces/IMenuCascaderSingleProps.html b/apidoc/interfaces/IMenuCascaderSingleProps.html index 8c6ce4c20..4e6d30706 100644 --- a/apidoc/interfaces/IMenuCascaderSingleProps.html +++ b/apidoc/interfaces/IMenuCascaderSingleProps.html @@ -133,7 +133,7 @@

    Optional async

    @@ -143,7 +143,7 @@

    Optional changeOnSelectchangeOnSelect: boolean

    @@ -154,7 +154,7 @@

    Optional className

    @@ -165,7 +165,7 @@

    Optional clearable

    @@ -176,7 +176,7 @@

    Optional disabled

    @@ -187,7 +187,7 @@

    Optional expandTrigger

    Inherited from IMenuCascaderCommonProps.expandTrigger

    @@ -198,7 +198,7 @@

    Optional limit

    @@ -209,7 +209,7 @@

    Optional lineHeight

    @@ -220,7 +220,7 @@

    Optional loadChildren

    Inherited from IMenuCascaderCommonProps.loadChildrenOnScroll

    @@ -236,7 +236,7 @@

    Optional maxLine

    @@ -246,7 +246,7 @@

    Optional multiple

    multiple: false
    @@ -257,7 +257,7 @@

    Optional multipleType

    Inherited from IMenuCascaderCommonProps.multipleType

    @@ -268,7 +268,7 @@

    options

    @@ -279,7 +279,7 @@

    Optional placeholder

    @@ -290,7 +290,7 @@

    Optional popupClassN @@ -301,7 +301,7 @@

    Optional scrollable

    @@ -312,7 +312,7 @@

    Optional searchable

    @@ -322,7 +322,7 @@

    Optional value

    value: CascaderValue[]
    @@ -333,7 +333,7 @@

    Optional visible

    @@ -351,7 +351,7 @@

    Optional asyncFilter

    Parameters

    @@ -378,7 +378,7 @@

    Optional filter

    Parameters

    @@ -405,7 +405,7 @@

    Optional getItemTool
    @@ -435,7 +435,7 @@

    Optional highlight

    Parameters

    @@ -462,7 +462,7 @@

    Optional loadOptions

    Parameters

    @@ -488,7 +488,7 @@

    onChange

  • Parameters

    @@ -518,7 +518,7 @@

    Optional onVisibleCh

    Parameters

    @@ -542,7 +542,7 @@

    Optional renderItemC
    @@ -571,7 +571,7 @@

    Optional renderList

    @@ -621,7 +621,7 @@

    Optional renderValue

    diff --git a/apidoc/interfaces/IMenuInlineProps.html b/apidoc/interfaces/IMenuInlineProps.html index 33a4cd3f6..271967066 100644 --- a/apidoc/interfaces/IMenuInlineProps.html +++ b/apidoc/interfaces/IMenuInlineProps.html @@ -117,7 +117,7 @@

    Optional className

    @@ -127,7 +127,7 @@

    Optional defaultExpanddefaultExpandKeys: string[]

    @@ -144,7 +144,7 @@

    Optional defaultExpanded<
    defaultExpandedKeys: string[]
    @@ -154,7 +154,7 @@

    Optional defaultSelected<
    defaultSelectedKey: string
    @@ -164,7 +164,7 @@

    Optional expandedKeys

    expandedKeys: string[]
    @@ -174,7 +174,7 @@

    Optional inlineIndent

    inlineIndent: number
    @@ -185,7 +185,7 @@

    mode

    @@ -195,7 +195,7 @@

    Optional selectedKey

    selectedKey: string
    @@ -206,7 +206,7 @@

    Optional style

    @@ -224,7 +224,7 @@

    Optional onClick

    Parameters

    @@ -250,7 +250,7 @@

    Optional onExpandCha

  • Parameters

    @@ -273,7 +273,7 @@

    Optional onSelectCha

  • Parameters

    @@ -297,7 +297,7 @@

    Optional onSubMenu

    Inherited from IMenuBaseProps.onSubMenuClick

    Parameters

    diff --git a/apidoc/interfaces/IMenuItemProps.html b/apidoc/interfaces/IMenuItemProps.html index 67b14b08d..e76b0ba6c 100644 --- a/apidoc/interfaces/IMenuItemProps.html +++ b/apidoc/interfaces/IMenuItemProps.html @@ -108,7 +108,7 @@

    Optional className

    className: string
    @@ -118,7 +118,7 @@

    Optional depth

    depth: number
    @@ -128,7 +128,7 @@

    Optional disabled

    disabled: boolean
    @@ -138,7 +138,7 @@

    Optional inlineIndent

    inlineIndent: boolean

    • @@ -148,7 +148,7 @@

    Optional isInline

    isInline: boolean
    @@ -158,7 +158,7 @@

    Optional key

    key: string
    @@ -168,7 +168,7 @@

    Optional selectedKey

    selectedKey: unknown[]
    @@ -178,7 +178,7 @@

    Optional specKey

    specKey: unknown
    @@ -195,7 +195,7 @@

    Optional handleSelect

    Parameters

    @@ -218,7 +218,7 @@

    Optional onClick

  • Parameters

    diff --git a/apidoc/interfaces/IMenuPopProps.html b/apidoc/interfaces/IMenuPopProps.html index d33e26e6a..c11695258 100644 --- a/apidoc/interfaces/IMenuPopProps.html +++ b/apidoc/interfaces/IMenuPopProps.html @@ -109,7 +109,7 @@

    Optional className

    @@ -120,7 +120,7 @@

    mode

    @@ -131,7 +131,7 @@

    Optional style

    @@ -149,7 +149,7 @@

    Optional onClick

    Parameters

    @@ -176,7 +176,7 @@

    Optional onSubMenu

    Inherited from IMenuBaseProps.onSubMenuClick

    Parameters

    diff --git a/apidoc/interfaces/IMiniPaginationProps.html b/apidoc/interfaces/IMiniPaginationProps.html index 8ebca7e0d..b4b9a50a8 100644 --- a/apidoc/interfaces/IMiniPaginationProps.html +++ b/apidoc/interfaces/IMiniPaginationProps.html @@ -112,7 +112,7 @@

    Optional buttonBorderedbuttonBordered: boolean

    • @@ -123,7 +123,7 @@

    Optional className

    @@ -134,7 +134,7 @@

    current

    @@ -145,7 +145,7 @@

    Optional lastPageHel @@ -156,7 +156,7 @@

    onChange

    @@ -167,7 +167,7 @@

    pageSize

    @@ -178,7 +178,7 @@

    Optional total

    @@ -189,7 +189,7 @@

    Optional totalItem

    @@ -212,7 +212,7 @@

    Optional formatTotal

    Parameters

    diff --git a/apidoc/interfaces/IMonthPickerProps.html b/apidoc/interfaces/IMonthPickerProps.html index 47470acd5..3d98fc8d0 100644 --- a/apidoc/interfaces/IMonthPickerProps.html +++ b/apidoc/interfaces/IMonthPickerProps.html @@ -130,7 +130,7 @@

    Optional canClear

    @@ -141,7 +141,7 @@

    Optional className

    @@ -152,7 +152,7 @@

    Optional defaultDate

    @@ -163,7 +163,7 @@

    Optional disabled

    @@ -174,7 +174,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -185,7 +185,7 @@

    Optional format

    @@ -196,7 +196,7 @@

    Optional name

    @@ -207,7 +207,7 @@

    Optional openPanel

    @@ -218,7 +218,7 @@

    Optional placeholder

    @@ -229,7 +229,7 @@

    value

    @@ -240,7 +240,7 @@

    Optional valueType

    @@ -251,7 +251,7 @@

    Optional width

    @@ -269,7 +269,7 @@

    onChange

    Parameters

    @@ -293,7 +293,7 @@

    Optional onClose

    Returns void

    @@ -311,7 +311,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/INormalizeBeforeSubmit.html b/apidoc/interfaces/INormalizeBeforeSubmit.html index ddb8adf26..d2f480004 100644 --- a/apidoc/interfaces/INormalizeBeforeSubmit.html +++ b/apidoc/interfaces/INormalizeBeforeSubmit.html @@ -93,7 +93,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/INoticeProps.html b/apidoc/interfaces/INoticeProps.html index b1bfa97a7..7e861aede 100644 --- a/apidoc/interfaces/INoticeProps.html +++ b/apidoc/interfaces/INoticeProps.html @@ -108,7 +108,7 @@

    Optional autoClose

    autoClose: boolean
    @@ -118,7 +118,7 @@

    Optional children

    children: ReactNode
    @@ -128,7 +128,7 @@

    Optional className

    className: string
    @@ -138,7 +138,7 @@

    Optional closable

    closable: boolean
    @@ -148,7 +148,7 @@

    Optional position

    position: NoticePositions
    @@ -158,7 +158,7 @@

    Optional style

    style: CSSProperties
    @@ -168,7 +168,7 @@

    Optional timeout

    timeout: number
    @@ -178,7 +178,7 @@

    title

    title: string
    @@ -188,7 +188,7 @@

    Optional type

    type: "info" | "success" | "warning" | "error"
    @@ -205,7 +205,7 @@

    Optional onClose

  • Returns void

    diff --git a/apidoc/interfaces/INumberInputCommonProps.html b/apidoc/interfaces/INumberInputCommonProps.html index 14fd3351f..f7f84a92a 100644 --- a/apidoc/interfaces/INumberInputCommonProps.html +++ b/apidoc/interfaces/INumberInputCommonProps.html @@ -438,7 +438,7 @@

    Optional addonAfter

    @@ -449,7 +449,7 @@

    Optional addonBefore

    @@ -1428,7 +1428,7 @@

    Optional autoSelect

    @@ -1711,7 +1711,7 @@

    Optional icon

    @@ -1722,7 +1722,7 @@

    Optional iconPosition

    Inherited from Omit.iconPosition

    @@ -1744,7 +1744,7 @@

    Optional initSelection

    Inherited from Omit.initSelectionEnd

    @@ -1755,7 +1755,7 @@

    Optional initSelection

    Inherited from Omit.initSelectionStart

    @@ -1766,7 +1766,7 @@

    Optional inline

    @@ -2688,7 +2688,7 @@

    Optional onIconClick @@ -3304,7 +3304,7 @@

    Optional onPressEnte @@ -3854,7 +3854,7 @@

    Optional showClear

    @@ -3864,7 +3864,7 @@

    Optional showCounter

    showCounter: boolean
    @@ -3874,7 +3874,7 @@

    Optional showStepper

    showStepper: boolean
    @@ -3884,7 +3884,7 @@

    Optional showTooltip

    showTooltip: boolean
    @@ -3895,7 +3895,7 @@

    Optional size

    @@ -3939,7 +3939,7 @@

    Optional step

    @@ -4015,7 +4015,7 @@

    Optional type

    type: "number"
    @@ -4070,7 +4070,7 @@

    Optional widthSize

    diff --git a/apidoc/interfaces/INumberInputDecimalProps.html b/apidoc/interfaces/INumberInputDecimalProps.html index 718c07df0..1a7b18968 100644 --- a/apidoc/interfaces/INumberInputDecimalProps.html +++ b/apidoc/interfaces/INumberInputDecimalProps.html @@ -440,7 +440,7 @@

    Optional addonAfter

    @@ -451,7 +451,7 @@

    Optional addonBefore

    @@ -1430,7 +1430,7 @@

    Optional autoSelect

    @@ -1558,7 +1558,7 @@

    Optional decimal

    decimal: number
    @@ -1723,7 +1723,7 @@

    Optional icon

    @@ -1734,7 +1734,7 @@

    Optional iconPosition

    Inherited from INumberInputCommonProps.iconPosition

    @@ -1756,7 +1756,7 @@

    Optional initSelection

    Inherited from INumberInputCommonProps.initSelectionEnd

    @@ -1767,7 +1767,7 @@

    Optional initSelection

    Inherited from INumberInputCommonProps.initSelectionStart

    @@ -1778,7 +1778,7 @@

    Optional inline

    @@ -1820,7 +1820,7 @@

    Optional integer

    integer: false
    @@ -1951,7 +1951,7 @@

    Optional min

    @@ -2710,7 +2710,7 @@

    Optional onIconClick @@ -3326,7 +3326,7 @@

    Optional onPressEnte @@ -3876,7 +3876,7 @@

    Optional showClear

    @@ -3887,7 +3887,7 @@

    Optional showCounter

    @@ -3898,7 +3898,7 @@

    Optional showStepper

    @@ -3909,7 +3909,7 @@

    Optional showTooltip

    @@ -3920,7 +3920,7 @@

    Optional size

    @@ -3964,7 +3964,7 @@

    Optional step

    @@ -4041,7 +4041,7 @@

    Optional type

    @@ -4073,7 +4073,7 @@

    Optional value

    value: string | number
    @@ -4106,7 +4106,7 @@

    Optional widthSize

    @@ -4123,7 +4123,7 @@

    Optional onChange

  • Parameters

    @@ -4146,7 +4146,7 @@

    Optional onInput

  • Parameters

    diff --git a/apidoc/interfaces/INumberInputDecimalState.html b/apidoc/interfaces/INumberInputDecimalState.html index 475ab9d0a..096bfa589 100644 --- a/apidoc/interfaces/INumberInputDecimalState.html +++ b/apidoc/interfaces/INumberInputDecimalState.html @@ -100,7 +100,7 @@

    delta

    delta: Big
    @@ -110,7 +110,7 @@

    input

    input: string
    @@ -120,7 +120,7 @@

    max

    max: Big
    @@ -130,7 +130,7 @@

    min

    min: Big
    @@ -140,7 +140,7 @@

    Optional pop

    pop: { text: string | number; type: string; visible: boolean }
    @@ -164,7 +164,7 @@

    prevProps

    prevProps: INumberInputDecimalProps
    @@ -174,7 +174,7 @@

    value

    value: Big
    diff --git a/apidoc/interfaces/INumberInputIntegerProps.html b/apidoc/interfaces/INumberInputIntegerProps.html index 805267fb0..eb6d3274b 100644 --- a/apidoc/interfaces/INumberInputIntegerProps.html +++ b/apidoc/interfaces/INumberInputIntegerProps.html @@ -439,7 +439,7 @@

    Optional addonAfter

    @@ -450,7 +450,7 @@

    Optional addonBefore

    @@ -1429,7 +1429,7 @@

    Optional autoSelect

    @@ -1712,7 +1712,7 @@

    Optional icon

    @@ -1723,7 +1723,7 @@

    Optional iconPosition

    Inherited from INumberInputCommonProps.iconPosition

    @@ -1745,7 +1745,7 @@

    Optional initSelection

    Inherited from INumberInputCommonProps.initSelectionEnd

    @@ -1756,7 +1756,7 @@

    Optional initSelection

    Inherited from INumberInputCommonProps.initSelectionStart

    @@ -1767,7 +1767,7 @@

    Optional inline

    @@ -1809,7 +1809,7 @@

    integer

    integer: true
    @@ -1918,7 +1918,7 @@

    Optional max

    @@ -1940,7 +1940,7 @@

    Optional min

    @@ -2699,7 +2699,7 @@

    Optional onIconClick @@ -3315,7 +3315,7 @@

    Optional onPressEnte @@ -3865,7 +3865,7 @@

    Optional showClear

    @@ -3876,7 +3876,7 @@

    Optional showCounter

    @@ -3887,7 +3887,7 @@

    Optional showStepper

    @@ -3898,7 +3898,7 @@

    Optional showTooltip

    @@ -3909,7 +3909,7 @@

    Optional size

    @@ -3953,7 +3953,7 @@

    Optional step

    @@ -4030,7 +4030,7 @@

    Optional type

    @@ -4062,7 +4062,7 @@

    Optional value

    value: number
    @@ -4095,7 +4095,7 @@

    Optional widthSize

    @@ -4112,7 +4112,7 @@

    Optional onChange

  • Parameters

    @@ -4135,7 +4135,7 @@

    Optional onInput

  • Parameters

    diff --git a/apidoc/interfaces/INumberInputIntegerState.html b/apidoc/interfaces/INumberInputIntegerState.html index 828232ad9..7551820e7 100644 --- a/apidoc/interfaces/INumberInputIntegerState.html +++ b/apidoc/interfaces/INumberInputIntegerState.html @@ -100,7 +100,7 @@

    delta

    delta: number
    @@ -110,7 +110,7 @@

    input

    input: string
    @@ -120,7 +120,7 @@

    max

    max: number
    @@ -130,7 +130,7 @@

    min

    min: number
    @@ -140,7 +140,7 @@

    Optional pop

    pop: { text: string; type: string; visible: boolean }
    @@ -164,7 +164,7 @@

    prevProps

    prevProps: INumberInputIntegerProps
    @@ -174,7 +174,7 @@

    value

    value: number
    diff --git a/apidoc/interfaces/IOnErrorCallback.html b/apidoc/interfaces/IOnErrorCallback.html index b43e67c06..beaf12c2d 100644 --- a/apidoc/interfaces/IOnErrorCallback.html +++ b/apidoc/interfaces/IOnErrorCallback.html @@ -82,7 +82,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/IOpenDialogOption.html b/apidoc/interfaces/IOpenDialogOption.html index 671258052..de966a1ab 100644 --- a/apidoc/interfaces/IOpenDialogOption.html +++ b/apidoc/interfaces/IOpenDialogOption.html @@ -120,7 +120,7 @@

    Optional children

    @@ -131,7 +131,7 @@

    Optional className

    @@ -142,7 +142,7 @@

    Optional closeBtn

    @@ -152,7 +152,7 @@

    Optional dialogId

    dialogId: string
    @@ -163,7 +163,7 @@

    Optional footer

    @@ -174,7 +174,7 @@

    Optional mask

    @@ -185,7 +185,7 @@

    Optional maskClosable

    Inherited from Omit.maskClosable

    @@ -195,7 +195,7 @@

    Optional parentComponent<
    parentComponent: ReactInstance
    @@ -206,7 +206,7 @@

    Optional position

    @@ -217,7 +217,7 @@

    Optional style

    @@ -228,7 +228,7 @@

    Optional title

    @@ -239,7 +239,7 @@

    visible

    @@ -256,7 +256,7 @@

    Optional onClose

  • Returns void

    @@ -274,7 +274,7 @@

    Optional onClosed

    Returns void

    @@ -292,7 +292,7 @@

    Optional onOpened

    Returns void

    @@ -309,7 +309,7 @@

    Optional ref

  • Parameters

    diff --git a/apidoc/interfaces/IOptionRenderer.html b/apidoc/interfaces/IOptionRenderer.html index d46f5598e..173212d96 100644 --- a/apidoc/interfaces/IOptionRenderer.html +++ b/apidoc/interfaces/IOptionRenderer.html @@ -93,7 +93,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/IPaginationLayoutOptions.html b/apidoc/interfaces/IPaginationLayoutOptions.html index f7954a69d..ea2bdec30 100644 --- a/apidoc/interfaces/IPaginationLayoutOptions.html +++ b/apidoc/interfaces/IPaginationLayoutOptions.html @@ -96,7 +96,7 @@

    current

    current: number
    @@ -106,7 +106,7 @@

    pageSize

    pageSize: number
    @@ -116,7 +116,7 @@

    total

    total: number
    diff --git a/apidoc/interfaces/IPlaceholderCicleProps.html b/apidoc/interfaces/IPlaceholderCicleProps.html index eb1505d70..a6c1509a6 100644 --- a/apidoc/interfaces/IPlaceholderCicleProps.html +++ b/apidoc/interfaces/IPlaceholderCicleProps.html @@ -103,7 +103,7 @@

    Optional animate

    @@ -114,7 +114,7 @@

    Optional className

    @@ -124,7 +124,7 @@

    Optional diameter

    diameter: number
    @@ -135,7 +135,7 @@

    Optional style

    diff --git a/apidoc/interfaces/IPlaceholderRectangleProps.html b/apidoc/interfaces/IPlaceholderRectangleProps.html index fe2bbb633..8daf0924e 100644 --- a/apidoc/interfaces/IPlaceholderRectangleProps.html +++ b/apidoc/interfaces/IPlaceholderRectangleProps.html @@ -104,7 +104,7 @@

    Optional animate

    @@ -115,7 +115,7 @@

    Optional className

    @@ -125,7 +125,7 @@

    Optional height

    height: number
    @@ -136,7 +136,7 @@

    Optional style

    @@ -146,7 +146,7 @@

    Optional width

    width: number
    diff --git a/apidoc/interfaces/IPlaceholderRichTextBlock.html b/apidoc/interfaces/IPlaceholderRichTextBlock.html index 27fb6e7e3..ab9d3062e 100644 --- a/apidoc/interfaces/IPlaceholderRichTextBlock.html +++ b/apidoc/interfaces/IPlaceholderRichTextBlock.html @@ -103,7 +103,7 @@

    Optional animate

    animate: boolean
    @@ -113,7 +113,7 @@

    Optional className

    className: string
    @@ -123,7 +123,7 @@

    Optional dashSegments

    dashSegments: (string | number)[][]

    • @@ -133,7 +133,7 @@

    Optional dashed

    dashed: boolean
    @@ -143,7 +143,7 @@

    Optional lineSpacing

    lineSpacing: string | number
    @@ -153,7 +153,7 @@

    Optional rows

    rows: number
    @@ -163,7 +163,7 @@

    Optional shape

    shape: string
    @@ -173,7 +173,7 @@

    Optional size

    size: number
    @@ -183,7 +183,7 @@

    Optional style

    style: CSSProperties
    @@ -193,7 +193,7 @@

    Optional widths

    widths: number[]
    diff --git a/apidoc/interfaces/IPlaceholderTextBlockProps.html b/apidoc/interfaces/IPlaceholderTextBlockProps.html index 9af00e87c..6a4b0f77a 100644 --- a/apidoc/interfaces/IPlaceholderTextBlockProps.html +++ b/apidoc/interfaces/IPlaceholderTextBlockProps.html @@ -101,7 +101,7 @@

    Optional animate

    animate: boolean
    @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    Optional dashSegments

    dashSegments: (string | number)[][]

    • @@ -131,7 +131,7 @@

    Optional dashed

    dashed: boolean
    @@ -141,7 +141,7 @@

    Optional lineSpacing

    lineSpacing: string | number
    @@ -151,7 +151,7 @@

    rows

    rows: number
    @@ -161,7 +161,7 @@

    Optional style

    style: CSSProperties
    @@ -171,7 +171,7 @@

    Optional widths

    widths: number[]
    diff --git a/apidoc/interfaces/IPlaceholderTextRowDashedProps.html b/apidoc/interfaces/IPlaceholderTextRowDashedProps.html index e51bb801f..0bc08e7b2 100644 --- a/apidoc/interfaces/IPlaceholderTextRowDashedProps.html +++ b/apidoc/interfaces/IPlaceholderTextRowDashedProps.html @@ -98,7 +98,7 @@

    Optional animate

    animate: boolean
    @@ -108,7 +108,7 @@

    Optional className

    className: string
    @@ -118,7 +118,7 @@

    Optional lineSpacing

    lineSpacing: string | number
    @@ -128,7 +128,7 @@

    Optional segments

    segments: (string | number)[]
    @@ -138,7 +138,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IPlaceholderTextRowDashedState.html b/apidoc/interfaces/IPlaceholderTextRowDashedState.html index 59822d80f..8e5d0d14d 100644 --- a/apidoc/interfaces/IPlaceholderTextRowDashedState.html +++ b/apidoc/interfaces/IPlaceholderTextRowDashedState.html @@ -94,7 +94,7 @@

    segments

    segments: number[]
    diff --git a/apidoc/interfaces/IPlaceholderTextRowProps.html b/apidoc/interfaces/IPlaceholderTextRowProps.html index 655097ae4..15cc6e8f2 100644 --- a/apidoc/interfaces/IPlaceholderTextRowProps.html +++ b/apidoc/interfaces/IPlaceholderTextRowProps.html @@ -97,7 +97,7 @@

    Optional animate

    animate: boolean
    @@ -107,7 +107,7 @@

    Optional className

    className: string
    @@ -117,7 +117,7 @@

    Optional lineSpacing

    lineSpacing: string | number
    @@ -127,7 +127,7 @@

    Optional style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IPopClickTriggerProps.html b/apidoc/interfaces/IPopClickTriggerProps.html index d2d0bbb11..eec210766 100644 --- a/apidoc/interfaces/IPopClickTriggerProps.html +++ b/apidoc/interfaces/IPopClickTriggerProps.html @@ -141,7 +141,7 @@

    Optional cancelText

    @@ -152,7 +152,7 @@

    Optional centerArrow

    @@ -163,7 +163,7 @@

    Optional children

    @@ -174,7 +174,7 @@

    Optional className

    @@ -185,7 +185,7 @@

    Optional closeOnClick

    Inherited from IPopoverClickTriggerProps.closeOnClickOutside

    @@ -196,7 +196,7 @@

    Optional confirmText

    @@ -207,7 +207,7 @@

    Optional containerSelecto @@ -218,7 +218,7 @@

    content

    @@ -229,7 +229,7 @@

    Optional cushion

    @@ -240,7 +240,7 @@

    Optional getElement

    @@ -251,7 +251,7 @@

    Optional header

    @@ -262,7 +262,7 @@

    Optional onBeforeClo @@ -273,7 +273,7 @@

    Optional onBeforeSho @@ -284,7 +284,7 @@

    Optional onCancel

    @@ -295,7 +295,7 @@

    Optional onConfirm

    @@ -306,7 +306,7 @@

    Optional position

    @@ -317,7 +317,7 @@

    Optional style

    @@ -328,7 +328,7 @@

    Optional toggle

    @@ -338,7 +338,7 @@

    trigger

    trigger: "click"
    @@ -349,7 +349,7 @@

    Optional type

    @@ -360,7 +360,7 @@

    Optional visible

    @@ -378,7 +378,7 @@

    Optional onClose

    Returns void

    @@ -396,7 +396,7 @@

    Optional onPositionR

    Returns void

    @@ -414,7 +414,7 @@

    Optional onPositionU

    Returns void

    @@ -432,7 +432,7 @@

    Optional onShow

    Returns void

    @@ -450,7 +450,7 @@

    Optional onVisibleCh

    Parameters

    diff --git a/apidoc/interfaces/IPopCommonProps.html b/apidoc/interfaces/IPopCommonProps.html index 2eb968353..53109d5ee 100644 --- a/apidoc/interfaces/IPopCommonProps.html +++ b/apidoc/interfaces/IPopCommonProps.html @@ -133,7 +133,7 @@

    Optional cancelText

    cancelText: string
    @@ -143,7 +143,7 @@

    Optional centerArrow

    centerArrow: boolean
    @@ -153,7 +153,7 @@

    Optional className

    className: string
    @@ -163,7 +163,7 @@

    Optional confirmText

    confirmText: string
    @@ -173,7 +173,7 @@

    Optional containerSelecto
    containerSelector: string
    @@ -183,7 +183,7 @@

    content

    content: ReactNode
    @@ -193,7 +193,7 @@

    Optional cushion

    cushion: number
    @@ -203,7 +203,7 @@

    Optional header

    header: ReactNode
    @@ -213,7 +213,7 @@

    Optional onBeforeClo
    onBeforeClose: IPopoverBeforeHook
    @@ -223,7 +223,7 @@

    Optional onBeforeSho
    onBeforeShow: IPopoverBeforeHook
    @@ -233,7 +233,7 @@

    Optional onCancel

    onCancel: IPopActionCallback
    @@ -243,7 +243,7 @@

    Optional onConfirm

    onConfirm: IPopActionCallback
    @@ -253,7 +253,7 @@

    Optional position

    position: PopPositions | IPositionFunction
    @@ -263,7 +263,7 @@

    Optional style

    style: CSSProperties
    @@ -273,7 +273,7 @@

    Optional type

    type: "success" | "default" | "primary" | "danger"
    @@ -283,7 +283,7 @@

    Optional visible

    visible: boolean
    @@ -300,7 +300,7 @@

    Optional onClose

  • Returns void

    @@ -317,7 +317,7 @@

    Optional onPositionR

  • Returns void

    @@ -334,7 +334,7 @@

    Optional onPositionU

  • Returns void

    @@ -351,7 +351,7 @@

    Optional onShow

  • Returns void

    @@ -368,7 +368,7 @@

    Optional onVisibleCh

  • Parameters

    diff --git a/apidoc/interfaces/IPopFocusTriggerProps.html b/apidoc/interfaces/IPopFocusTriggerProps.html index 82405da1e..6d77b9945 100644 --- a/apidoc/interfaces/IPopFocusTriggerProps.html +++ b/apidoc/interfaces/IPopFocusTriggerProps.html @@ -139,7 +139,7 @@

    Optional cancelText

    @@ -150,7 +150,7 @@

    Optional centerArrow

    @@ -161,7 +161,7 @@

    Optional children

    @@ -172,7 +172,7 @@

    Optional className

    @@ -183,7 +183,7 @@

    Optional confirmText

    @@ -194,7 +194,7 @@

    Optional containerSelecto @@ -205,7 +205,7 @@

    content

    @@ -216,7 +216,7 @@

    Optional cushion

    @@ -227,7 +227,7 @@

    Optional getElement

    @@ -238,7 +238,7 @@

    Optional header

    @@ -249,7 +249,7 @@

    Optional onBeforeClo @@ -260,7 +260,7 @@

    Optional onBeforeSho @@ -271,7 +271,7 @@

    Optional onCancel

    @@ -282,7 +282,7 @@

    Optional onConfirm

    @@ -293,7 +293,7 @@

    Optional position

    @@ -304,7 +304,7 @@

    Optional style

    @@ -314,7 +314,7 @@

    trigger

    trigger: "focus"
    @@ -325,7 +325,7 @@

    Optional type

    @@ -336,7 +336,7 @@

    Optional visible

    @@ -354,7 +354,7 @@

    Optional onClose

    Returns void

    @@ -372,7 +372,7 @@

    Optional onPositionR

    Returns void

    @@ -390,7 +390,7 @@

    Optional onPositionU

    Returns void

    @@ -408,7 +408,7 @@

    Optional onShow

    Returns void

    @@ -426,7 +426,7 @@

    Optional onVisibleCh

    Parameters

    diff --git a/apidoc/interfaces/IPopHoverTriggerProps.html b/apidoc/interfaces/IPopHoverTriggerProps.html index b11313e55..0b837d184 100644 --- a/apidoc/interfaces/IPopHoverTriggerProps.html +++ b/apidoc/interfaces/IPopHoverTriggerProps.html @@ -145,7 +145,7 @@

    Optional anchorOnly

    @@ -156,7 +156,7 @@

    Optional cancelText

    @@ -167,7 +167,7 @@

    Optional centerArrow

    @@ -178,7 +178,7 @@

    Optional children

    @@ -189,7 +189,7 @@

    Optional className

    @@ -200,7 +200,7 @@

    Optional confirmText

    @@ -211,7 +211,7 @@

    Optional containerSelecto @@ -222,7 +222,7 @@

    content

    @@ -233,7 +233,7 @@

    Optional cushion

    @@ -244,7 +244,7 @@

    Optional fixMouseEve @@ -255,7 +255,7 @@

    Optional getElement

    @@ -266,7 +266,7 @@

    Optional header

    @@ -277,7 +277,7 @@

    Optional hideDelay

    @@ -287,7 +287,7 @@

    Optional mouseEnterD
    mouseEnterDelay: number
    @@ -297,7 +297,7 @@

    Optional mouseLeaveD
    mouseLeaveDelay: number
    @@ -308,7 +308,7 @@

    Optional onBeforeClo @@ -319,7 +319,7 @@

    Optional onBeforeSho @@ -330,7 +330,7 @@

    Optional onCancel

    @@ -341,7 +341,7 @@

    Optional onConfirm

    @@ -352,7 +352,7 @@

    Optional position

    @@ -363,7 +363,7 @@

    Optional showDelay

    @@ -374,7 +374,7 @@

    Optional style

    @@ -384,7 +384,7 @@

    trigger

    trigger: "hover"
    @@ -395,7 +395,7 @@

    Optional type

    @@ -406,7 +406,7 @@

    Optional visible

    @@ -424,7 +424,7 @@

    Optional onClose

    Returns void

    @@ -442,7 +442,7 @@

    Optional onPositionR

    Returns void

    @@ -460,7 +460,7 @@

    Optional onPositionU

    Returns void

    @@ -478,7 +478,7 @@

    Optional onShow

    Returns void

    @@ -496,7 +496,7 @@

    Optional onVisibleCh

    Parameters

    diff --git a/apidoc/interfaces/IPopNoneTriggerProps.html b/apidoc/interfaces/IPopNoneTriggerProps.html index 8c1876954..ae8fcfd2b 100644 --- a/apidoc/interfaces/IPopNoneTriggerProps.html +++ b/apidoc/interfaces/IPopNoneTriggerProps.html @@ -138,7 +138,7 @@

    Optional cancelText

    @@ -149,7 +149,7 @@

    Optional centerArrow

    @@ -160,7 +160,7 @@

    children

    @@ -171,7 +171,7 @@

    Optional className

    @@ -182,7 +182,7 @@

    Optional confirmText

    @@ -193,7 +193,7 @@

    Optional containerSelecto @@ -204,7 +204,7 @@

    content

    @@ -215,7 +215,7 @@

    Optional cushion

    @@ -226,7 +226,7 @@

    Optional header

    @@ -237,7 +237,7 @@

    Optional onBeforeClo @@ -248,7 +248,7 @@

    Optional onBeforeSho @@ -259,7 +259,7 @@

    Optional onCancel

    @@ -270,7 +270,7 @@

    Optional onConfirm

    @@ -281,7 +281,7 @@

    Optional position

    @@ -292,7 +292,7 @@

    Optional style

    @@ -302,7 +302,7 @@

    trigger

    trigger: "none"
    @@ -313,7 +313,7 @@

    Optional type

    @@ -324,7 +324,7 @@

    Optional visible

    @@ -342,7 +342,7 @@

    Optional onClose

    Returns void

    @@ -360,7 +360,7 @@

    Optional onPositionR

    Returns void

    @@ -378,7 +378,7 @@

    Optional onPositionU

    Returns void

    @@ -396,7 +396,7 @@

    Optional onShow

    Returns void

    @@ -414,7 +414,7 @@

    Optional onVisibleCh

    Parameters

    diff --git a/apidoc/interfaces/IPopState.html b/apidoc/interfaces/IPopState.html index 0b6ec08e4..6cc4cfc8c 100644 --- a/apidoc/interfaces/IPopState.html +++ b/apidoc/interfaces/IPopState.html @@ -95,7 +95,7 @@

    cancelPending

    cancelPending: boolean
    @@ -105,7 +105,7 @@

    confirmPending

    confirmPending: boolean
    diff --git a/apidoc/interfaces/IPopoverAnchorProps.html b/apidoc/interfaces/IPopoverAnchorProps.html index fbb54b7f9..d87d3611f 100644 --- a/apidoc/interfaces/IPopoverAnchorProps.html +++ b/apidoc/interfaces/IPopoverAnchorProps.html @@ -100,7 +100,7 @@

    Optional getElement

    getElement: PopoverAnchorGetElementFn
    @@ -123,7 +123,7 @@

    Optional onClick

  • Returns void

    diff --git a/apidoc/interfaces/IPopoverBeforeHook.html b/apidoc/interfaces/IPopoverBeforeHook.html index 2a577db47..933bb850a 100644 --- a/apidoc/interfaces/IPopoverBeforeHook.html +++ b/apidoc/interfaces/IPopoverBeforeHook.html @@ -82,7 +82,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverClickTriggerChildProps.html b/apidoc/interfaces/IPopoverClickTriggerChildProps.html index 79fe90299..5150edde2 100644 --- a/apidoc/interfaces/IPopoverClickTriggerChildProps.html +++ b/apidoc/interfaces/IPopoverClickTriggerChildProps.html @@ -98,7 +98,7 @@

    Optional onClick

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverClickTriggerProps.html b/apidoc/interfaces/IPopoverClickTriggerProps.html index abe84e4dd..3f688e272 100644 --- a/apidoc/interfaces/IPopoverClickTriggerProps.html +++ b/apidoc/interfaces/IPopoverClickTriggerProps.html @@ -110,7 +110,7 @@

    Optional children

    children: string | number | ReactElement<ChildProps, any> | ((childProps: IPopoverClickTriggerChildProps) => ReactNode)
    @@ -120,7 +120,7 @@

    Optional closeOnClickcloseOnClickOutside: boolean

    • @@ -130,7 +130,7 @@

    Optional getElement

    getElement: PopoverAnchorGetElementFn
    @@ -140,7 +140,7 @@

    Optional toggle

    toggle: boolean
    diff --git a/apidoc/interfaces/IPopoverContentImperativeHandle.html b/apidoc/interfaces/IPopoverContentImperativeHandle.html index bd8379978..e4035b566 100644 --- a/apidoc/interfaces/IPopoverContentImperativeHandle.html +++ b/apidoc/interfaces/IPopoverContentImperativeHandle.html @@ -98,7 +98,7 @@

    adjustPosition

  • Returns void

    diff --git a/apidoc/interfaces/IPopoverContext.html b/apidoc/interfaces/IPopoverContext.html index a2ecfed9d..19555b811 100644 --- a/apidoc/interfaces/IPopoverContext.html +++ b/apidoc/interfaces/IPopoverContext.html @@ -108,7 +108,7 @@

    Optional className

    className: string
    @@ -118,7 +118,7 @@

    containerSelector

    containerSelector: string
    @@ -128,7 +128,7 @@

    contentRef

    contentRef: RefObject<IPopoverContentImperativeHandle>
    @@ -138,7 +138,7 @@

    cushion

    cushion: number
    @@ -148,7 +148,7 @@

    placement

    placement: IPositionFunction
    @@ -158,7 +158,7 @@

    popover

    popover: Popover
    @@ -168,7 +168,7 @@

    portalRef

    portalRef: RefObject<IPortalImperativeHandlers>
    @@ -178,7 +178,7 @@

    Optional style

    style: CSSProperties
    @@ -188,7 +188,7 @@

    visible

    visible: boolean
    @@ -205,7 +205,7 @@

    didMount

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverFocusTriggerChildProps.html b/apidoc/interfaces/IPopoverFocusTriggerChildProps.html index 8d9cabd9a..ce3e23d86 100644 --- a/apidoc/interfaces/IPopoverFocusTriggerChildProps.html +++ b/apidoc/interfaces/IPopoverFocusTriggerChildProps.html @@ -99,7 +99,7 @@

    Optional onBlur

  • Parameters

    @@ -122,7 +122,7 @@

    Optional onFocus

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverFocusTriggerProps.html b/apidoc/interfaces/IPopoverFocusTriggerProps.html index f2a4261a4..b1f358bf0 100644 --- a/apidoc/interfaces/IPopoverFocusTriggerProps.html +++ b/apidoc/interfaces/IPopoverFocusTriggerProps.html @@ -108,7 +108,7 @@

    Optional children

    children: string | number | ReactElement<ChildProps, any> | ((childProps: IPopoverFocusTriggerChildProps) => ReactNode)
    @@ -118,7 +118,7 @@

    Optional getElement

    getElement: PopoverAnchorGetElementFn
    diff --git a/apidoc/interfaces/IPopoverHoverTriggerChildProps.html b/apidoc/interfaces/IPopoverHoverTriggerChildProps.html index a12270d58..3ecca6a62 100644 --- a/apidoc/interfaces/IPopoverHoverTriggerChildProps.html +++ b/apidoc/interfaces/IPopoverHoverTriggerChildProps.html @@ -99,7 +99,7 @@

    Optional onMouseEnte

  • Parameters

    @@ -122,7 +122,7 @@

    Optional onMouseLeav

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverHoverTriggerProps.html b/apidoc/interfaces/IPopoverHoverTriggerProps.html index dccdae6f8..ea0950279 100644 --- a/apidoc/interfaces/IPopoverHoverTriggerProps.html +++ b/apidoc/interfaces/IPopoverHoverTriggerProps.html @@ -117,7 +117,7 @@

    Optional anchorOnly

    anchorOnly: boolean
    @@ -127,7 +127,7 @@

    Optional children

    children: string | number | ReactElement<ChildProps, any> | ((childProps: IPopoverHoverTriggerChildProps) => ReactNode)
    @@ -138,7 +138,7 @@

    Optional fixMouseEve @@ -148,7 +148,7 @@

    Optional getElement

    getElement: PopoverAnchorGetElementFn
    @@ -158,7 +158,7 @@

    Optional hideDelay

    hideDelay: number
    @@ -168,7 +168,7 @@

    Optional showDelay

    showDelay: number
    diff --git a/apidoc/interfaces/IPopoverPosition.html b/apidoc/interfaces/IPopoverPosition.html index 65f118e6d..566ac61e0 100644 --- a/apidoc/interfaces/IPopoverPosition.html +++ b/apidoc/interfaces/IPopoverPosition.html @@ -95,7 +95,7 @@

    Optional className

    className: string
    @@ -105,7 +105,7 @@

    style

    style: CSSProperties
    diff --git a/apidoc/interfaces/IPopoverProps.html b/apidoc/interfaces/IPopoverProps.html index 574b26277..b2f8b440e 100644 --- a/apidoc/interfaces/IPopoverProps.html +++ b/apidoc/interfaces/IPopoverProps.html @@ -111,7 +111,7 @@

    Optional className

    className: string
    @@ -121,7 +121,7 @@

    Optional containerSelecto
    containerSelector: string
    @@ -131,7 +131,7 @@

    Optional cushion

    cushion: number
    @@ -141,7 +141,7 @@

    Optional onBeforeClo
    onBeforeClose: IPopoverBeforeHook
    @@ -151,7 +151,7 @@

    Optional onBeforeSho
    onBeforeShow: IPopoverBeforeHook
    @@ -161,7 +161,7 @@

    position

    position: IPositionFunction
    @@ -171,7 +171,7 @@

    Optional style

    style: CSSProperties
    @@ -181,7 +181,7 @@

    Optional visible

    visible: boolean
    @@ -198,7 +198,7 @@

    Optional onClose

  • Returns void

    @@ -215,7 +215,7 @@

    Optional onPositionR

  • Returns void

    @@ -232,7 +232,7 @@

    Optional onPositionU

  • Returns void

    @@ -249,7 +249,7 @@

    Optional onShow

  • Returns void

    @@ -266,7 +266,7 @@

    Optional onVisibleCh

  • Parameters

    diff --git a/apidoc/interfaces/IPopoverState.html b/apidoc/interfaces/IPopoverState.html index 75759e701..0ecb6c66d 100644 --- a/apidoc/interfaces/IPopoverState.html +++ b/apidoc/interfaces/IPopoverState.html @@ -94,7 +94,7 @@

    visible

    visible: boolean
    diff --git a/apidoc/interfaces/IPopoverTriggerProps.html b/apidoc/interfaces/IPopoverTriggerProps.html index 4a9fe982f..3e3758f60 100644 --- a/apidoc/interfaces/IPopoverTriggerProps.html +++ b/apidoc/interfaces/IPopoverTriggerProps.html @@ -107,7 +107,7 @@

    children

    children: string | number | ReactElement<ChildProps, any>
    diff --git a/apidoc/interfaces/IPortalImperativeHandlers.html b/apidoc/interfaces/IPortalImperativeHandlers.html index c6227ed65..c9da109a6 100644 --- a/apidoc/interfaces/IPortalImperativeHandlers.html +++ b/apidoc/interfaces/IPortalImperativeHandlers.html @@ -101,7 +101,7 @@

    container

    container: HTMLElement
    @@ -111,7 +111,7 @@

    purePortalRef

    purePortalRef: RefObject<PurePortal>
    @@ -128,7 +128,7 @@

    contains

  • Parameters

    diff --git a/apidoc/interfaces/IPortalProps.html b/apidoc/interfaces/IPortalProps.html index dc3405154..486274fbe 100644 --- a/apidoc/interfaces/IPortalProps.html +++ b/apidoc/interfaces/IPortalProps.html @@ -117,7 +117,7 @@

    Optional append

    @@ -127,7 +127,7 @@

    Optional blockPageSc
    blockPageScroll: boolean
    @@ -137,7 +137,7 @@

    Optional children

    children: ReactNode
    @@ -147,7 +147,7 @@

    Optional className

    className: string
    @@ -157,7 +157,7 @@

    Optional closeOnClickcloseOnClickOutside: boolean

    • @@ -167,7 +167,7 @@

    Optional closeOnESC

    closeOnESC: boolean
    @@ -177,7 +177,7 @@

    Optional layer

    layer: string
    @@ -188,7 +188,7 @@

    Optional selector

    @@ -198,7 +198,7 @@

    Optional style

    style: CSSProperties
    @@ -208,7 +208,7 @@

    Optional useLayerFor
    useLayerForClickAway: boolean
    @@ -218,7 +218,7 @@

    Optional visible

    visible: boolean
    @@ -235,7 +235,7 @@

    Optional onClose

  • Parameters

    @@ -258,7 +258,7 @@

    Optional onLayerRead

  • Parameters

    diff --git a/apidoc/interfaces/IPositionFunction.html b/apidoc/interfaces/IPositionFunction.html index 69f7b98ac..e011d2e19 100644 --- a/apidoc/interfaces/IPositionFunction.html +++ b/apidoc/interfaces/IPositionFunction.html @@ -82,7 +82,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/IPositionFunctionProps.html b/apidoc/interfaces/IPositionFunctionProps.html index 5bf05f3ec..39f9bbc87 100644 --- a/apidoc/interfaces/IPositionFunctionProps.html +++ b/apidoc/interfaces/IPositionFunctionProps.html @@ -101,7 +101,7 @@

    anchor

    anchor: Element
    @@ -116,7 +116,7 @@

    anchorRect

    anchorRect: DOMRect | ClientRect
    @@ -131,7 +131,7 @@

    container

    container: Element
    @@ -146,7 +146,7 @@

    containerRect

    containerRect: DOMRect | ClientRect
    @@ -161,7 +161,7 @@

    content

    content: Element
    @@ -176,7 +176,7 @@

    contentRect

    contentRect: DOMRect | ClientRect
    @@ -191,7 +191,7 @@

    cushion

    cushion: number
    @@ -201,7 +201,7 @@

    relativeRect

    relativeRect: ClientRect
    diff --git a/apidoc/interfaces/IPreviewImageConfig.html b/apidoc/interfaces/IPreviewImageConfig.html index eb64c3879..0867a8825 100644 --- a/apidoc/interfaces/IPreviewImageConfig.html +++ b/apidoc/interfaces/IPreviewImageConfig.html @@ -99,7 +99,7 @@

    Optional className

    className: string
    @@ -109,7 +109,7 @@

    Optional images

    images: string[]
    @@ -119,7 +119,7 @@

    Optional index

    index: number
    @@ -129,7 +129,7 @@

    Optional parentComponent<
    parentComponent: ReactInstance
    @@ -139,7 +139,7 @@

    Optional scaleRatio

    scaleRatio: number
    @@ -149,7 +149,7 @@

    Optional showRotateB
    showRotateBtn: boolean
    diff --git a/apidoc/interfaces/IProgressInfoProps.html b/apidoc/interfaces/IProgressInfoProps.html index 842864f13..1d44b7c05 100644 --- a/apidoc/interfaces/IProgressInfoProps.html +++ b/apidoc/interfaces/IProgressInfoProps.html @@ -98,7 +98,7 @@

    Optional color

    color: string
    @@ -108,7 +108,7 @@

    format

    format: IProgressFormatFn
    @@ -118,7 +118,7 @@

    percent

    percent: number
    @@ -128,7 +128,7 @@

    state

    state: IProgressStatus
    @@ -138,7 +138,7 @@

    type

    type: IProgressType
    diff --git a/apidoc/interfaces/IProgressInstanceProps.html b/apidoc/interfaces/IProgressInstanceProps.html index 6c6ff19d7..15a771ff6 100644 --- a/apidoc/interfaces/IProgressInstanceProps.html +++ b/apidoc/interfaces/IProgressInstanceProps.html @@ -108,7 +108,7 @@

    Optional bgColor

    @@ -118,7 +118,7 @@

    color

    color: string
    @@ -129,7 +129,7 @@

    Optional format

    @@ -140,7 +140,7 @@

    Optional percent

    @@ -151,7 +151,7 @@

    Optional showInfo

    @@ -161,7 +161,7 @@

    state

    state: IProgressStatus
    @@ -172,7 +172,7 @@

    Optional strokeLinecap

    Inherited from ICommonProgressProps.strokeLinecap

    @@ -183,7 +183,7 @@

    Optional strokeWidth

    @@ -194,7 +194,7 @@

    Optional width

    diff --git a/apidoc/interfaces/IProgressProps.html b/apidoc/interfaces/IProgressProps.html index 947a50548..36caaf848 100644 --- a/apidoc/interfaces/IProgressProps.html +++ b/apidoc/interfaces/IProgressProps.html @@ -1325,7 +1325,7 @@

    Optional bgColor

    @@ -1464,7 +1464,7 @@

    Optional exceptionColorexceptionColor: string

    @@ -1475,7 +1475,7 @@

    Optional format

    @@ -1626,7 +1626,7 @@

    Optional normalColor

    normalColor: string
    @@ -3397,7 +3397,7 @@

    Optional percent

    @@ -3496,7 +3496,7 @@

    Optional showInfo

    @@ -3528,7 +3528,7 @@

    Optional status

    status: IProgressStatus
    @@ -3539,7 +3539,7 @@

    Optional strokeLinecap

    Inherited from ICommonProgressProps.strokeLinecap

    @@ -3550,7 +3550,7 @@

    Optional strokeWidth

    @@ -3561,7 +3561,7 @@

    Optional style

    @@ -3571,7 +3571,7 @@

    Optional successColor

    successColor: string
    @@ -3636,7 +3636,7 @@

    Optional type

    type: IProgressType
    @@ -3680,7 +3680,7 @@

    Optional width

    diff --git a/apidoc/interfaces/IPublicCascaderItem.html b/apidoc/interfaces/IPublicCascaderItem.html index c162e4082..d0c8cc327 100644 --- a/apidoc/interfaces/IPublicCascaderItem.html +++ b/apidoc/interfaces/IPublicCascaderItem.html @@ -115,7 +115,7 @@

    Optional children

    children: IPublicCascaderItem[]
    @@ -125,7 +125,7 @@

    Optional disabled

    disabled: boolean
    @@ -135,7 +135,7 @@

    label

    label: string
    @@ -145,7 +145,7 @@

    Optional loadChildrenloadChildrenOnExpand: boolean

    @@ -155,7 +155,7 @@

    Optional loadChildrenloadChildrenOnScroll: boolean

    @@ -165,7 +165,7 @@

    value

    value: CascaderValue
    diff --git a/apidoc/interfaces/IPurePortalProps.html b/apidoc/interfaces/IPurePortalProps.html index 0f709a63b..392bd2c1c 100644 --- a/apidoc/interfaces/IPurePortalProps.html +++ b/apidoc/interfaces/IPurePortalProps.html @@ -95,7 +95,7 @@

    Optional append

    append: boolean
    @@ -105,7 +105,7 @@

    selector

    selector: string | HTMLElement
    diff --git a/apidoc/interfaces/IQuarterPickerProps.html b/apidoc/interfaces/IQuarterPickerProps.html index 8a9ec9a2e..6f6bb5b0c 100644 --- a/apidoc/interfaces/IQuarterPickerProps.html +++ b/apidoc/interfaces/IQuarterPickerProps.html @@ -130,7 +130,7 @@

    Optional canClear

    @@ -141,7 +141,7 @@

    Optional className

    @@ -152,7 +152,7 @@

    Optional defaultDate

    @@ -163,7 +163,7 @@

    Optional disabled

    @@ -174,7 +174,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -185,7 +185,7 @@

    Optional format

    @@ -196,7 +196,7 @@

    Optional name

    @@ -207,7 +207,7 @@

    Optional openPanel

    @@ -218,7 +218,7 @@

    Optional placeholder

    @@ -229,7 +229,7 @@

    value

    @@ -240,7 +240,7 @@

    Optional valueType

    @@ -251,7 +251,7 @@

    Optional width

    @@ -269,7 +269,7 @@

    onChange

    Parameters

    @@ -293,7 +293,7 @@

    Optional onClose

    Returns void

    @@ -311,7 +311,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/IRadioEvent.html b/apidoc/interfaces/IRadioEvent.html index f5c7f027a..7934d116f 100644 --- a/apidoc/interfaces/IRadioEvent.html +++ b/apidoc/interfaces/IRadioEvent.html @@ -203,7 +203,7 @@

    target

    target: { checked: boolean; type: "radio" } & IRadioProps<Value>
    diff --git a/apidoc/interfaces/IRadioGroupProps.html b/apidoc/interfaces/IRadioGroupProps.html index 456bcdf87..8bf1d3689 100644 --- a/apidoc/interfaces/IRadioGroupProps.html +++ b/apidoc/interfaces/IRadioGroupProps.html @@ -114,7 +114,7 @@

    Optional children

    children: ReactNode
    @@ -124,7 +124,7 @@

    Optional className

    className: string
    @@ -134,7 +134,7 @@

    Optional disabled

    disabled: boolean
    @@ -144,7 +144,7 @@

    Optional readOnly

    readOnly: boolean
    @@ -154,7 +154,7 @@

    Optional style

    style: CSSProperties
    @@ -164,7 +164,7 @@

    Optional value

    value: Value
    @@ -181,7 +181,7 @@

    Optional isValueEqua

  • Parameters

    @@ -207,7 +207,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IRadioProps.html b/apidoc/interfaces/IRadioProps.html index 2673e233d..56d8239a7 100644 --- a/apidoc/interfaces/IRadioProps.html +++ b/apidoc/interfaces/IRadioProps.html @@ -117,7 +117,7 @@

    Optional checked

    checked: boolean
    @@ -127,7 +127,7 @@

    Optional children

    children: ReactNode
    @@ -137,7 +137,7 @@

    Optional className

    className: string
    @@ -147,7 +147,7 @@

    Optional disabled

    disabled: boolean
    @@ -157,7 +157,7 @@

    Optional onMouseEnte
    onMouseEnter: MouseEventHandler<HTMLElement>
    @@ -167,7 +167,7 @@

    Optional onMouseLeav
    onMouseLeave: MouseEventHandler<HTMLElement>
    @@ -177,7 +177,7 @@

    Optional readOnly

    readOnly: boolean
    @@ -187,7 +187,7 @@

    Optional style

    style: CSSProperties
    @@ -197,7 +197,7 @@

    Optional value

    value: Value
    @@ -207,7 +207,7 @@

    Optional width

    width: string | number
    @@ -224,7 +224,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IRateProps.html b/apidoc/interfaces/IRateProps.html index c0f20f78a..34a04d783 100644 --- a/apidoc/interfaces/IRateProps.html +++ b/apidoc/interfaces/IRateProps.html @@ -108,7 +108,7 @@

    Optional allowClear

    allowClear: boolean
    @@ -118,7 +118,7 @@

    Optional allowHalf

    allowHalf: boolean
    @@ -128,7 +128,7 @@

    Optional character

    character: ReactNode
    @@ -138,7 +138,7 @@

    Optional className

    className: string
    @@ -148,7 +148,7 @@

    count

    count: number
    @@ -158,7 +158,7 @@

    Optional disabled

    disabled: boolean
    @@ -168,7 +168,7 @@

    Optional readOnly

    readOnly: boolean
    @@ -178,7 +178,7 @@

    Optional style

    style: CSSProperties
    @@ -188,7 +188,7 @@

    value

    value: number
    @@ -205,7 +205,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/IRateState.html b/apidoc/interfaces/IRateState.html index b74745af4..8574ac377 100644 --- a/apidoc/interfaces/IRateState.html +++ b/apidoc/interfaces/IRateState.html @@ -96,7 +96,7 @@

    cleanedValue

    cleanedValue: number
    @@ -106,7 +106,7 @@

    hoverValue

    hoverValue: number
    @@ -116,7 +116,7 @@

    starRefs

    starRefs: RefObject<default>[]
    diff --git a/apidoc/interfaces/IRenderError.html b/apidoc/interfaces/IRenderError.html index 4f52d1658..dbc3cffa6 100644 --- a/apidoc/interfaces/IRenderError.html +++ b/apidoc/interfaces/IRenderError.html @@ -90,7 +90,7 @@

    Callable

  • Parameters

    diff --git a/apidoc/interfaces/IScrollAlertProps.html b/apidoc/interfaces/IScrollAlertProps.html index 525decb54..ed7bc9a07 100644 --- a/apidoc/interfaces/IScrollAlertProps.html +++ b/apidoc/interfaces/IScrollAlertProps.html @@ -1320,7 +1320,7 @@

    Optional bordered

    bordered: boolean
    @@ -1352,7 +1352,7 @@

    Optional closed

    closed: boolean
    @@ -1610,7 +1610,7 @@

    Optional loading

    loading: boolean
    @@ -3380,7 +3380,7 @@

    Optional outline

    outline: boolean
    @@ -3467,7 +3467,7 @@

    Optional scrollIntervalscrollInterval: number

    • @@ -3565,7 +3565,7 @@

    Optional type

    type: AlertTypes
    @@ -3615,7 +3615,7 @@

    Optional onClose

  • Returns void

    diff --git a/apidoc/interfaces/ISelectCommonProps.html b/apidoc/interfaces/ISelectCommonProps.html index fa73a7db4..05f039b3a 100644 --- a/apidoc/interfaces/ISelectCommonProps.html +++ b/apidoc/interfaces/ISelectCommonProps.html @@ -146,7 +146,7 @@

    Optional className

    className: string
    @@ -156,7 +156,7 @@

    Optional clearable

    clearable: boolean
    @@ -166,7 +166,7 @@

    Optional collapsable

    collapsable: boolean
    @@ -176,7 +176,7 @@

    Optional collapseAt

    collapseAt: number
    @@ -186,7 +186,7 @@

    Optional creatable

    creatable: boolean
    @@ -196,7 +196,7 @@

    Optional disableSearchdisableSearch: boolean

    • @@ -206,7 +206,7 @@

    Optional disabled

    disabled: boolean
    @@ -216,7 +216,7 @@

    Optional filter

    filter: false | ((keyword: string, item: Item) => boolean)
    @@ -226,7 +226,7 @@

    Optional hideCollapsehideCollapsePop: boolean

    • @@ -236,7 +236,7 @@

    Optional inline

    inline: boolean
    @@ -246,7 +246,7 @@

    Optional keyword

    keyword: string
    @@ -256,7 +256,7 @@

    Optional loading

    loading: boolean
    @@ -266,7 +266,7 @@

    Optional notFoundCon
    notFoundContent: string
    @@ -276,7 +276,7 @@

    Optional open

    open: boolean
    @@ -286,7 +286,7 @@

    options

    options: Item[]
    @@ -296,7 +296,7 @@

    Optional placeholder

    placeholder: string
    @@ -306,7 +306,7 @@

    Optional popupWidth

    popupWidth: Width<string | number>
    @@ -316,7 +316,7 @@

    Optional size

    size: ISelectSize
    @@ -326,7 +326,7 @@

    Optional width

    width: Width<string | number>
    @@ -343,7 +343,7 @@

    Optional highlight

  • Parameters

    @@ -369,7 +369,7 @@

    Optional isEqual

  • Parameters

    @@ -395,7 +395,7 @@

    Optional isValidNew<

  • Parameters

    @@ -421,7 +421,7 @@

    Optional onCreate

  • Parameters

    @@ -444,7 +444,7 @@

    Optional onKeywordCh

  • Parameters

    @@ -470,7 +470,7 @@

    Optional onOpenChang

  • Parameters

    @@ -493,7 +493,7 @@

    Optional renderCollapsed<

  • Parameters

    @@ -516,7 +516,7 @@

    Optional renderOption

    Parameters

    @@ -539,7 +539,7 @@

    Optional renderOption

    Parameters

    @@ -565,7 +565,7 @@

    Optional renderValue

  • Parameters

    diff --git a/apidoc/interfaces/ISelectItem.html b/apidoc/interfaces/ISelectItem.html index 04eb8d7d5..3e0405f28 100644 --- a/apidoc/interfaces/ISelectItem.html +++ b/apidoc/interfaces/ISelectItem.html @@ -111,7 +111,7 @@

    Optional disabled

    disabled: boolean
    @@ -121,7 +121,7 @@

    key

    key: Key
    @@ -131,7 +131,7 @@

    text

    text: ReactNode
    @@ -141,7 +141,7 @@

    Optional type

    type: "header" | "divider" | "reviver"
    @@ -158,7 +158,7 @@

    Optional reviver

  • Parameters

    diff --git a/apidoc/interfaces/ISelectKeywordChangeMeta.html b/apidoc/interfaces/ISelectKeywordChangeMeta.html index c6a5e7da9..95374ac1f 100644 --- a/apidoc/interfaces/ISelectKeywordChangeMeta.html +++ b/apidoc/interfaces/ISelectKeywordChangeMeta.html @@ -94,7 +94,7 @@

    source

    source: "user-clear" | "user-change" | "popup-close" | "option-create"
    diff --git a/apidoc/interfaces/ISelectMenuItem.html b/apidoc/interfaces/ISelectMenuItem.html index 02d593b7b..995efec91 100644 --- a/apidoc/interfaces/ISelectMenuItem.html +++ b/apidoc/interfaces/ISelectMenuItem.html @@ -116,7 +116,7 @@

    Optional active

    @@ -127,7 +127,7 @@

    Optional className

    @@ -138,7 +138,7 @@

    Optional content

    @@ -149,7 +149,7 @@

    Optional disabled

    @@ -160,7 +160,7 @@

    Optional hoverable

    @@ -171,7 +171,7 @@

    Optional icon

    @@ -182,7 +182,7 @@

    Optional isDivider

    @@ -193,7 +193,7 @@

    Optional isGroup

    @@ -203,7 +203,7 @@

    Optional items

    items: ISelectMenuItem[]
    @@ -214,7 +214,7 @@

    Optional onClick

    @@ -224,7 +224,7 @@

    Optional searchContentsearchContent: ReactNode

    • @@ -235,7 +235,7 @@

    Optional value

    diff --git a/apidoc/interfaces/ISelectMenuNestedItem.html b/apidoc/interfaces/ISelectMenuNestedItem.html index 992d8517d..68d4b8689 100644 --- a/apidoc/interfaces/ISelectMenuNestedItem.html +++ b/apidoc/interfaces/ISelectMenuNestedItem.html @@ -113,7 +113,7 @@

    Optional active

    @@ -124,7 +124,7 @@

    Optional className

    @@ -135,7 +135,7 @@

    Optional content

    @@ -146,7 +146,7 @@

    Optional disabled

    @@ -157,7 +157,7 @@

    Optional hoverable

    @@ -168,7 +168,7 @@

    Optional icon

    @@ -178,7 +178,7 @@

    idx

    idx: number
    @@ -189,7 +189,7 @@

    Optional isDivider

    @@ -200,7 +200,7 @@

    Optional isGroup

    @@ -211,7 +211,7 @@

    Optional items

    @@ -222,7 +222,7 @@

    Optional onClick

    @@ -232,7 +232,7 @@

    parentIndexes

    parentIndexes: number[]
    @@ -243,7 +243,7 @@

    Optional searchContent

    Inherited from ISelectMenuItem.searchContent

    @@ -254,7 +254,7 @@

    Optional value

    diff --git a/apidoc/interfaces/ISelectMenuProps.html b/apidoc/interfaces/ISelectMenuProps.html index b4322d21d..908d2ff47 100644 --- a/apidoc/interfaces/ISelectMenuProps.html +++ b/apidoc/interfaces/ISelectMenuProps.html @@ -106,7 +106,7 @@

    items

    items: ISelectMenuItem[]
    @@ -116,7 +116,7 @@

    nullOption

    nullOption: boolean
    @@ -126,7 +126,7 @@

    Optional nullOptionC
    nullOptionContent: ReactNode
    @@ -136,7 +136,7 @@

    Optional searchText

    searchText: string
    @@ -146,7 +146,7 @@

    Optional value

    value: unknown
    @@ -163,7 +163,7 @@

    Optional filterOption

    Parameters

    @@ -189,7 +189,7 @@

    Optional onRequestCl

  • Returns void

    @@ -206,7 +206,7 @@

    Optional onSelect

  • Parameters

    diff --git a/apidoc/interfaces/ISelectMenuState.html b/apidoc/interfaces/ISelectMenuState.html index 48382c63f..b051018a1 100644 --- a/apidoc/interfaces/ISelectMenuState.html +++ b/apidoc/interfaces/ISelectMenuState.html @@ -94,7 +94,7 @@

    items

    items: IMenuListItem[]
    diff --git a/apidoc/interfaces/ISelectMultiProps.html b/apidoc/interfaces/ISelectMultiProps.html index b4e4bf2d4..360fb0964 100644 --- a/apidoc/interfaces/ISelectMultiProps.html +++ b/apidoc/interfaces/ISelectMultiProps.html @@ -148,7 +148,7 @@

    Optional className

    @@ -159,7 +159,7 @@

    Optional clearable

    @@ -170,7 +170,7 @@

    Optional collapsable

    @@ -181,7 +181,7 @@

    Optional collapseAt

    @@ -192,7 +192,7 @@

    Optional creatable

    @@ -203,7 +203,7 @@

    Optional disableSearch

    Inherited from ISelectCommonProps.disableSearch

    @@ -214,7 +214,7 @@

    Optional disabled

    @@ -225,7 +225,7 @@

    Optional filter

    @@ -236,7 +236,7 @@

    Optional hideCollapse

    Inherited from ISelectCommonProps.hideCollapsePop

    @@ -247,7 +247,7 @@

    Optional inline

    @@ -258,7 +258,7 @@

    Optional keyword

    @@ -269,7 +269,7 @@

    Optional loading

    @@ -279,7 +279,7 @@

    multiple

    multiple: true
    @@ -290,7 +290,7 @@

    Optional notFoundCon @@ -301,7 +301,7 @@

    Optional open

    @@ -312,7 +312,7 @@

    options

    @@ -323,7 +323,7 @@

    Optional placeholder

    @@ -334,7 +334,7 @@

    Optional popupWidth

    @@ -345,7 +345,7 @@

    Optional size

    @@ -355,7 +355,7 @@

    Optional value

    value: Item[]
    @@ -366,7 +366,7 @@

    Optional width

    @@ -384,7 +384,7 @@

    Optional highlight

    Parameters

    @@ -411,7 +411,7 @@

    Optional isEqual

    Parameters

    @@ -438,7 +438,7 @@

    Optional isValidNew<

    Parameters

    @@ -464,7 +464,7 @@

    Optional onChange

  • Parameters

    @@ -488,7 +488,7 @@

    Optional onCreate

    Parameters

    @@ -512,7 +512,7 @@

    Optional onKeywordCh

    Parameters

    @@ -539,7 +539,7 @@

    Optional onOpenChang

    Parameters

    @@ -563,7 +563,7 @@

    Optional renderCollapsed<

    Parameters

    @@ -587,7 +587,7 @@

    Optional renderOption

    Inherited from ISelectCommonProps.renderOptionContent

    Parameters

    @@ -611,7 +611,7 @@

    Optional renderOption

    Inherited from ISelectCommonProps.renderOptionList

    Parameters

    @@ -637,7 +637,7 @@

    Optional renderTagLi

  • Parameters

    @@ -661,7 +661,7 @@

    Optional renderValue

    Parameters

    diff --git a/apidoc/interfaces/ISelectSingleProps.html b/apidoc/interfaces/ISelectSingleProps.html index 95d13e393..c713554e4 100644 --- a/apidoc/interfaces/ISelectSingleProps.html +++ b/apidoc/interfaces/ISelectSingleProps.html @@ -147,7 +147,7 @@

    Optional className

    @@ -158,7 +158,7 @@

    Optional clearable

    @@ -169,7 +169,7 @@

    Optional collapsable

    @@ -180,7 +180,7 @@

    Optional collapseAt

    @@ -191,7 +191,7 @@

    Optional creatable

    @@ -202,7 +202,7 @@

    Optional disableSearch

    Inherited from ISelectCommonProps.disableSearch

    @@ -213,7 +213,7 @@

    Optional disabled

    @@ -224,7 +224,7 @@

    Optional filter

    @@ -235,7 +235,7 @@

    Optional hideCollapse

    Inherited from ISelectCommonProps.hideCollapsePop

    @@ -246,7 +246,7 @@

    Optional inline

    @@ -257,7 +257,7 @@

    Optional keyword

    @@ -268,7 +268,7 @@

    Optional loading

    @@ -278,7 +278,7 @@

    Optional multiple

    multiple: false
    @@ -289,7 +289,7 @@

    Optional notFoundCon @@ -300,7 +300,7 @@

    Optional open

    @@ -311,7 +311,7 @@

    options

    @@ -322,7 +322,7 @@

    Optional placeholder

    @@ -333,7 +333,7 @@

    Optional popupWidth

    @@ -344,7 +344,7 @@

    Optional size

    @@ -354,7 +354,7 @@

    Optional value

    value: Item
    @@ -365,7 +365,7 @@

    Optional width

    @@ -383,7 +383,7 @@

    Optional highlight

    Parameters

    @@ -410,7 +410,7 @@

    Optional isEqual

    Parameters

    @@ -437,7 +437,7 @@

    Optional isValidNew<

    Parameters

    @@ -463,7 +463,7 @@

    Optional onChange

  • Parameters

    @@ -487,7 +487,7 @@

    Optional onCreate

    Parameters

    @@ -511,7 +511,7 @@

    Optional onKeywordCh

    Parameters

    @@ -538,7 +538,7 @@

    Optional onOpenChang

    Parameters

    @@ -562,7 +562,7 @@

    Optional renderCollapsed<

    Parameters

    @@ -586,7 +586,7 @@

    Optional renderOption

    Inherited from ISelectCommonProps.renderOptionContent

    Parameters

    @@ -610,7 +610,7 @@

    Optional renderOption

    Inherited from ISelectCommonProps.renderOptionList

    Parameters

    @@ -637,7 +637,7 @@

    Optional renderValue

    Parameters

    diff --git a/apidoc/interfaces/ISelectState.html b/apidoc/interfaces/ISelectState.html index 60049739e..8da277859 100644 --- a/apidoc/interfaces/ISelectState.html +++ b/apidoc/interfaces/ISelectState.html @@ -112,7 +112,7 @@

    active

    active: boolean
    @@ -122,7 +122,7 @@

    activeIndex

    activeIndex: number
    @@ -132,7 +132,7 @@

    creating

    creating: boolean
    @@ -142,7 +142,7 @@

    keyword

    keyword: string
    @@ -152,7 +152,7 @@

    open

    open: boolean
    @@ -162,7 +162,7 @@

    prevOptions

    prevOptions: Item[]
    @@ -172,7 +172,7 @@

    triggerWidth

    triggerWidth: Width<string | number>
    @@ -182,7 +182,7 @@

    value

    value: Item | Item[]
    diff --git a/apidoc/interfaces/ISelectTagListProps.html b/apidoc/interfaces/ISelectTagListProps.html index 482c987bc..b51115032 100644 --- a/apidoc/interfaces/ISelectTagListProps.html +++ b/apidoc/interfaces/ISelectTagListProps.html @@ -112,7 +112,7 @@

    list

    list: Item[]
    @@ -122,7 +122,7 @@

    Optional renderValue

    renderValue: (value: Item) => ReactNode
    @@ -160,7 +160,7 @@

    onRemove

  • Parameters

    diff --git a/apidoc/interfaces/ISelectTagProps.html b/apidoc/interfaces/ISelectTagProps.html index 2a9ff3c5a..7afa9e22e 100644 --- a/apidoc/interfaces/ISelectTagProps.html +++ b/apidoc/interfaces/ISelectTagProps.html @@ -1820,7 +1820,7 @@

    Optional onClose

    @@ -3426,7 +3426,7 @@

    Optional rounded

    @@ -3447,7 +3447,7 @@

    Optional selected

    selected: boolean
    @@ -3480,7 +3480,7 @@

    Optional style

    @@ -3568,7 +3568,7 @@

    Optional visible

    @@ -3596,7 +3596,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ISingleUploadProps.html b/apidoc/interfaces/ISingleUploadProps.html index be5328b94..376ed6bd1 100644 --- a/apidoc/interfaces/ISingleUploadProps.html +++ b/apidoc/interfaces/ISingleUploadProps.html @@ -116,7 +116,7 @@

    Optional accept

    @@ -132,7 +132,7 @@

    Optional className

    @@ -148,7 +148,7 @@

    Optional customUpload

    Inherited from IAbstractUploadProps.customUploadItem

    @@ -164,7 +164,7 @@

    Optional disabled

    @@ -180,7 +180,7 @@

    Optional manualUpload

    Inherited from IAbstractUploadProps.manualUpload

    @@ -196,7 +196,7 @@

    Optional maxSize

    @@ -211,7 +211,7 @@

    onChange

    onChange: IUploadOnChangeHandler<IUploadFileItem, IUploadFileItem>
    @@ -222,7 +222,7 @@

    Optional onError

    @@ -238,7 +238,7 @@

    Optional onUpload

    @@ -253,7 +253,7 @@

    Optional tips

    tips: ReactNode | IUploadTipsFunc<ISingleUploadProps>
    @@ -268,7 +268,7 @@

    Optional value

    value: IUploadFileItem
    @@ -286,7 +286,7 @@

    Optional beforeUpload

    Inherited from IAbstractUploadProps.beforeUpload

    diff --git a/apidoc/interfaces/ISliderCommonProps.html b/apidoc/interfaces/ISliderCommonProps.html index 1a89db3d3..b41d52b6a 100644 --- a/apidoc/interfaces/ISliderCommonProps.html +++ b/apidoc/interfaces/ISliderCommonProps.html @@ -110,7 +110,7 @@

    Optional className

    className: string
    @@ -120,7 +120,7 @@

    Optional disabled

    disabled: boolean
    @@ -130,7 +130,7 @@

    Optional dots

    dots: boolean
    @@ -140,7 +140,7 @@

    Optional marks

    marks: Record<number, ReactNode>
    @@ -150,7 +150,7 @@

    max

    max: number
    @@ -160,7 +160,7 @@

    min

    min: number
    @@ -170,7 +170,7 @@

    step

    step: string | number
    @@ -180,7 +180,7 @@

    Optional width

    width: string | number
    @@ -190,7 +190,7 @@

    Optional withInput

    withInput: boolean
    diff --git a/apidoc/interfaces/ISliderRangeProps.html b/apidoc/interfaces/ISliderRangeProps.html index 33be0d9ed..af09ce116 100644 --- a/apidoc/interfaces/ISliderRangeProps.html +++ b/apidoc/interfaces/ISliderRangeProps.html @@ -116,7 +116,7 @@

    Optional className

    @@ -127,7 +127,7 @@

    Optional disabled

    @@ -138,7 +138,7 @@

    Optional dots

    @@ -149,7 +149,7 @@

    Optional marks

    @@ -160,7 +160,7 @@

    max

    @@ -171,7 +171,7 @@

    min

    @@ -181,7 +181,7 @@

    range

    range: true
    @@ -192,7 +192,7 @@

    step

    @@ -202,7 +202,7 @@

    value

    value: [number, number]
    @@ -213,7 +213,7 @@

    Optional width

    @@ -224,7 +224,7 @@

    Optional withInput

    @@ -241,7 +241,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ISliderSingleProps.html b/apidoc/interfaces/ISliderSingleProps.html index c98e23960..09dba02fc 100644 --- a/apidoc/interfaces/ISliderSingleProps.html +++ b/apidoc/interfaces/ISliderSingleProps.html @@ -116,7 +116,7 @@

    Optional className

    @@ -127,7 +127,7 @@

    Optional disabled

    @@ -138,7 +138,7 @@

    Optional dots

    @@ -149,7 +149,7 @@

    Optional marks

    @@ -160,7 +160,7 @@

    max

    @@ -171,7 +171,7 @@

    min

    @@ -181,7 +181,7 @@

    range

    range: false
    @@ -192,7 +192,7 @@

    step

    @@ -202,7 +202,7 @@

    value

    value: number
    @@ -213,7 +213,7 @@

    Optional width

    @@ -224,7 +224,7 @@

    Optional withInput

    @@ -241,7 +241,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ISliderState.html b/apidoc/interfaces/ISliderState.html index 3868a3a3f..3723d7718 100644 --- a/apidoc/interfaces/ISliderState.html +++ b/apidoc/interfaces/ISliderState.html @@ -97,7 +97,7 @@

    active

    active: PointId
    @@ -107,7 +107,7 @@

    decimal

    decimal: number
    @@ -117,7 +117,7 @@

    potentialValues

    potentialValues: number[]
    @@ -127,7 +127,7 @@

    prevProps

    prevProps: ISliderProps
    diff --git a/apidoc/interfaces/ISortableProps.html b/apidoc/interfaces/ISortableProps.html index 18524401e..aa411d367 100644 --- a/apidoc/interfaces/ISortableProps.html +++ b/apidoc/interfaces/ISortableProps.html @@ -222,7 +222,7 @@

    Optional className

    className: string
    @@ -501,7 +501,7 @@

    Optional filterClass

    filterClass: string
    @@ -620,7 +620,7 @@

    Optional items

    items: T[]
    @@ -920,7 +920,7 @@

    Optional tag

    tag: string | ComponentType<{}>
    @@ -982,7 +982,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ISplitButtonProps.html b/apidoc/interfaces/ISplitButtonProps.html index 46ffdff98..b9cbc8d33 100644 --- a/apidoc/interfaces/ISplitButtonProps.html +++ b/apidoc/interfaces/ISplitButtonProps.html @@ -119,7 +119,7 @@

    Optional className

    className: string
    @@ -129,7 +129,7 @@

    Optional disabled

    disabled: boolean
    @@ -139,7 +139,7 @@

    dropdownData

    dropdownData: Value[]
    @@ -149,7 +149,7 @@

    dropdownIcon

    dropdownIcon: IconType
    @@ -159,7 +159,7 @@

    Optional dropdownPosition
    dropdownPosition: "left-top" | "left-center" | "left-bottom" | "right-top" | "right-center" | "right-bottom" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "auto-bottom-center" | "auto-bottom-left" | "auto-bottom-right" | "auto-top-center" | "auto-top-left" | "auto-top-right"
    @@ -169,7 +169,7 @@

    dropdownText

    dropdownText: keyof Value
    @@ -179,7 +179,7 @@

    Optional dropdownTrigger<
    dropdownTrigger: "click" | "hover"
    @@ -189,7 +189,7 @@

    dropdownValue

    dropdownValue: keyof Value
    @@ -199,7 +199,7 @@

    Optional loading

    loading: boolean
    @@ -209,7 +209,7 @@

    Optional onClick

    onClick: MouseEventHandler<HTMLButtonElement>
    @@ -219,7 +219,7 @@

    Optional size

    size: "small" | "large" | "medium"
    @@ -229,7 +229,7 @@

    Optional type

    type: "text" | "success" | "default" | "primary" | "danger"
    @@ -246,7 +246,7 @@

    Optional onSelect

  • Parameters

    diff --git a/apidoc/interfaces/IStatusBarProps.html b/apidoc/interfaces/IStatusBarProps.html index 215420536..6bd450e2c 100644 --- a/apidoc/interfaces/IStatusBarProps.html +++ b/apidoc/interfaces/IStatusBarProps.html @@ -1328,7 +1328,7 @@

    Optional bordered

    @@ -1361,7 +1361,7 @@

    Optional closable

    @@ -1372,7 +1372,7 @@

    Optional closeContent

    Inherited from Omit.closeContent

    @@ -1383,7 +1383,7 @@

    Optional closeIconCo @@ -1394,7 +1394,7 @@

    Optional closed

    @@ -1490,7 +1490,7 @@

    Optional description

    @@ -1523,7 +1523,7 @@

    Optional extraContent

    Inherited from Omit.extraContent

    @@ -1545,7 +1545,7 @@

    Optional icon

    @@ -1686,7 +1686,7 @@

    Optional loading

    @@ -3457,7 +3457,7 @@

    Optional outline

    @@ -3490,7 +3490,7 @@

    Optional progress

    @@ -3633,7 +3633,7 @@

    Optional title

    @@ -3654,7 +3654,7 @@

    Optional type

    type: StatusBarType
    @@ -3705,7 +3705,7 @@

    Optional onClose

    Returns void

    diff --git a/apidoc/interfaces/IStepProps.html b/apidoc/interfaces/IStepProps.html index 46f37ec27..e04cae954 100644 --- a/apidoc/interfaces/IStepProps.html +++ b/apidoc/interfaces/IStepProps.html @@ -103,7 +103,7 @@

    Optional description

    description: ReactNode
    @@ -113,7 +113,7 @@

    Optional disabled

    disabled: boolean
    @@ -123,7 +123,7 @@

    Optional icon

    icon: string | number | boolean | {} | ReactElement<any, string | JSXElementConstructor<any>> | ReactNodeArray | ReactPortal
    @@ -133,7 +133,7 @@

    Optional isCurrentSt
    isCurrentStep: boolean
    @@ -143,7 +143,7 @@

    Optional isLastFinis
    isLastFinishStep: boolean
    @@ -153,7 +153,7 @@

    Optional sequence

    sequence: boolean
    @@ -163,7 +163,7 @@

    Optional status

    status: "error" | "wait" | "finish"
    @@ -173,7 +173,7 @@

    Optional stepLast

    stepLast: boolean
    @@ -183,7 +183,7 @@

    Optional stepNumber

    stepNumber: string
    @@ -193,7 +193,7 @@

    Optional title

    title: ReactNode
    diff --git a/apidoc/interfaces/IStepsProps.html b/apidoc/interfaces/IStepsProps.html index f17d4f299..1e4e9c664 100644 --- a/apidoc/interfaces/IStepsProps.html +++ b/apidoc/interfaces/IStepsProps.html @@ -106,7 +106,7 @@

    Optional className

    className: string
    @@ -116,7 +116,7 @@

    Optional current

    current: number
    @@ -126,7 +126,7 @@

    Optional direction

    direction: "horizontal" | "vertical"
    @@ -136,7 +136,7 @@

    Optional ghost

    ghost: boolean
    @@ -146,7 +146,7 @@

    Optional sequence

    sequence: boolean
    @@ -156,7 +156,7 @@

    Optional status

    status: "error" | "wait" | "finish" | "process"
    @@ -166,7 +166,7 @@

    Optional type

    type: "number" | "card" | "breadcrumb" | "tabs"
    @@ -183,7 +183,7 @@

    Optional onStepChang

  • Parameters

    diff --git a/apidoc/interfaces/ISubMenuProps.html b/apidoc/interfaces/ISubMenuProps.html index d83e3c35e..b15a27a45 100644 --- a/apidoc/interfaces/ISubMenuProps.html +++ b/apidoc/interfaces/ISubMenuProps.html @@ -113,7 +113,7 @@

    Optional className

    className: string
    @@ -123,7 +123,7 @@

    Optional depth

    depth: number
    @@ -133,7 +133,7 @@

    Optional disabled

    disabled: boolean
    @@ -143,7 +143,7 @@

    Optional expandKeys

    expandKeys: string[]
    @@ -153,7 +153,7 @@

    Optional inlineIndent

    inlineIndent: number

    • @@ -163,7 +163,7 @@

    Optional isInline

    isInline: boolean
    @@ -173,7 +173,7 @@

    Optional key

    key: string
    @@ -183,7 +183,7 @@

    Optional overlayClassoverlayClassName: string

    @@ -193,7 +193,7 @@

    Optional selectedKey

    selectedKey: string
    @@ -203,7 +203,7 @@

    Optional specKey

    specKey: string
    @@ -213,7 +213,7 @@

    title

    title: ReactNode
    @@ -230,7 +230,7 @@

    Optional handleSelect

    Parameters

    @@ -253,7 +253,7 @@

    Optional onClick

  • Parameters

    @@ -279,7 +279,7 @@

    Optional onSubMenu

    Parameters

    @@ -302,7 +302,7 @@

    Optional toggleExpand

    Parameters

    diff --git a/apidoc/interfaces/ISubMenuState.html b/apidoc/interfaces/ISubMenuState.html index f3d586d07..19c814947 100644 --- a/apidoc/interfaces/ISubMenuState.html +++ b/apidoc/interfaces/ISubMenuState.html @@ -94,7 +94,7 @@

    subMenuVisible

    subMenuVisible: boolean
    diff --git a/apidoc/interfaces/ISwiperProps.html b/apidoc/interfaces/ISwiperProps.html index 15b274c5b..7709ff89a 100644 --- a/apidoc/interfaces/ISwiperProps.html +++ b/apidoc/interfaces/ISwiperProps.html @@ -114,7 +114,7 @@

    Optional arrows

    arrows: boolean | "hover"
    @@ -124,7 +124,7 @@

    Optional arrowsDisabledarrowsDisabled: { left?: boolean; right?: boolean }

    • @@ -145,7 +145,7 @@

    arrowsSize

    arrowsSize: "large" | "normal"
    @@ -155,7 +155,7 @@

    Optional arrowsType

    arrowsType: "light" | "dark"
    @@ -165,7 +165,7 @@

    Optional autoplay

    autoplay: boolean
    @@ -175,7 +175,7 @@

    Optional autoplayInterval
    autoplayInterval: number
    @@ -185,7 +185,7 @@

    Optional children

    children: ReactNode
    @@ -195,7 +195,7 @@

    Optional className

    className: string
    @@ -205,7 +205,7 @@

    Optional dots

    dots: boolean | IDotsType
    @@ -215,7 +215,7 @@

    Optional dotsColor

    dotsColor: string
    @@ -225,7 +225,7 @@

    Optional dotsSize

    dotsSize: "small" | "large" | "normal"
    @@ -235,7 +235,7 @@

    Optional dotsTheme

    dotsTheme: IDotsTheme
    @@ -245,7 +245,7 @@

    Optional transitionDurati
    transitionDuration: number
    @@ -262,7 +262,7 @@

    Optional onChange

  • Parameters

    @@ -288,7 +288,7 @@

    Optional renderNextA

  • Parameters

    @@ -326,7 +326,7 @@

    Optional renderPrevA

  • Parameters

    diff --git a/apidoc/interfaces/ISwiperState.html b/apidoc/interfaces/ISwiperState.html index 2b0ff4d9d..015e89018 100644 --- a/apidoc/interfaces/ISwiperState.html +++ b/apidoc/interfaces/ISwiperState.html @@ -95,7 +95,7 @@

    currentIndex

    currentIndex: number
    @@ -105,7 +105,7 @@

    Optional prevProps

    prevProps: ISwiperProps
    diff --git a/apidoc/interfaces/ISwitchProps.html b/apidoc/interfaces/ISwitchProps.html index c0bdbac2b..66720cd80 100644 --- a/apidoc/interfaces/ISwitchProps.html +++ b/apidoc/interfaces/ISwitchProps.html @@ -106,7 +106,7 @@

    Optional checked

    checked: boolean
    @@ -116,7 +116,7 @@

    Optional checkedText

    checkedText: string
    @@ -126,7 +126,7 @@

    Optional className

    className: string
    @@ -136,7 +136,7 @@

    Optional disabled

    disabled: boolean
    @@ -146,7 +146,7 @@

    Optional loading

    loading: boolean
    @@ -156,7 +156,7 @@

    Optional size

    size: "small" | "default"
    @@ -166,7 +166,7 @@

    Optional uncheckedTextuncheckedText: string

    • @@ -183,7 +183,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ISyncValidator.html b/apidoc/interfaces/ISyncValidator.html index 7f1a6e5df..43badac75 100644 --- a/apidoc/interfaces/ISyncValidator.html +++ b/apidoc/interfaces/ISyncValidator.html @@ -90,7 +90,7 @@

    Callable

  • Parameters

    @@ -127,7 +127,7 @@

    Optional $$id

    $$id: any
    diff --git a/apidoc/interfaces/ITab.html b/apidoc/interfaces/ITab.html index 01761b963..1f967a826 100644 --- a/apidoc/interfaces/ITab.html +++ b/apidoc/interfaces/ITab.html @@ -112,7 +112,7 @@

    Optional canFixed

    canFixed: boolean
    @@ -122,7 +122,7 @@

    Optional candel

    candel: boolean
    @@ -132,7 +132,7 @@

    Optional className

    className: string
    @@ -142,7 +142,7 @@

    Optional disabled

    disabled: boolean
    @@ -152,7 +152,7 @@

    key

    key: Id
    @@ -162,7 +162,7 @@

    title

    title: ReactNode
    diff --git a/apidoc/interfaces/ITabNavState.html b/apidoc/interfaces/ITabNavState.html index c0e47ebb3..09152f681 100644 --- a/apidoc/interfaces/ITabNavState.html +++ b/apidoc/interfaces/ITabNavState.html @@ -94,7 +94,7 @@

    fixed

    fixed: boolean
    diff --git a/apidoc/interfaces/ITabPanelProps.html b/apidoc/interfaces/ITabPanelProps.html index d97723ded..0c25383f9 100644 --- a/apidoc/interfaces/ITabPanelProps.html +++ b/apidoc/interfaces/ITabPanelProps.html @@ -109,7 +109,7 @@

    Optional actived

    actived: boolean
    @@ -119,7 +119,7 @@

    Optional canFixed

    canFixed: boolean
    @@ -129,7 +129,7 @@

    Optional candel

    candel: boolean
    @@ -139,7 +139,7 @@

    Optional className

    className: string
    @@ -149,7 +149,7 @@

    Optional disabled

    disabled: boolean
    @@ -159,7 +159,7 @@

    id

    id: Id
    @@ -169,7 +169,7 @@

    tab

    tab: ReactNode
    @@ -179,7 +179,7 @@

    Optional unmountOnHideunmountOnHide: boolean

    • diff --git a/apidoc/interfaces/ITabProps.html b/apidoc/interfaces/ITabProps.html index 3c7a1fb6a..2d274b9c1 100644 --- a/apidoc/interfaces/ITabProps.html +++ b/apidoc/interfaces/ITabProps.html @@ -120,7 +120,7 @@

    Optional actived

    actived: boolean
    @@ -131,7 +131,7 @@

    Optional canFixed

    @@ -141,7 +141,7 @@

    Optional candel

    candel: boolean
    @@ -151,7 +151,7 @@

    Optional disabled

    disabled: boolean
    @@ -162,7 +162,7 @@

    Optional fixedIds

    @@ -172,7 +172,7 @@

    id

    id: Id
    @@ -189,7 +189,7 @@

    Optional onDelete

  • Parameters

    @@ -213,7 +213,7 @@

    Optional onFixedChan

    Parameters

    @@ -236,7 +236,7 @@

    onSelected

  • Parameters

    diff --git a/apidoc/interfaces/ITabsCascaderProps.html b/apidoc/interfaces/ITabsCascaderProps.html index 82d43e9f9..ff1b11637 100644 --- a/apidoc/interfaces/ITabsCascaderProps.html +++ b/apidoc/interfaces/ITabsCascaderProps.html @@ -120,7 +120,7 @@

    Optional changeOnSelectchangeOnSelect: boolean

    • @@ -131,7 +131,7 @@

    Optional className

    @@ -142,7 +142,7 @@

    Optional clearable

    @@ -153,7 +153,7 @@

    Optional disabled

    @@ -164,7 +164,7 @@

    options

    @@ -175,7 +175,7 @@

    Optional placeholder

    @@ -186,7 +186,7 @@

    Optional popupClassN @@ -196,7 +196,7 @@

    Optional title

    title: string[]
    @@ -206,7 +206,7 @@

    Optional value

    value: CascaderValue[]
    @@ -217,7 +217,7 @@

    Optional visible

    @@ -235,7 +235,7 @@

    Optional getItemTool
    @@ -264,7 +264,7 @@

    Optional loadOptions

  • Parameters

    @@ -287,7 +287,7 @@

    onChange

  • Parameters

    @@ -317,7 +317,7 @@

    Optional onVisibleCh

    Parameters

    @@ -341,7 +341,7 @@

    Optional renderItemC
    @@ -370,7 +370,7 @@

    Optional renderList

    @@ -420,7 +420,7 @@

    Optional renderValue

    diff --git a/apidoc/interfaces/ITabsNavProps.html b/apidoc/interfaces/ITabsNavProps.html index 4e491abf7..0ca4d7775 100644 --- a/apidoc/interfaces/ITabsNavProps.html +++ b/apidoc/interfaces/ITabsNavProps.html @@ -129,7 +129,7 @@

    activeId

    activeId: Id
    @@ -140,7 +140,7 @@

    Optional canFixed

    @@ -150,7 +150,7 @@

    candel

    candel: boolean
    @@ -160,7 +160,7 @@

    Optional className

    className: string
    @@ -171,7 +171,7 @@

    Optional fixedIds

    @@ -181,7 +181,7 @@

    navExtraContent

    navExtraContent: ReactNode
    @@ -191,7 +191,7 @@

    overflowMode

    overflowMode: ITabOverflowMode
    @@ -201,7 +201,7 @@

    stretch

    stretch: boolean
    @@ -211,7 +211,7 @@

    Optional style

    style: CSSProperties
    @@ -222,7 +222,7 @@

    tabDataList

    @@ -232,7 +232,7 @@

    type

    type: TabType
    @@ -249,7 +249,7 @@

    Optional onAdd

  • Returns void

    @@ -267,7 +267,7 @@

    onChange

    Parameters

    @@ -290,7 +290,7 @@

    onDelete

  • Parameters

    @@ -314,7 +314,7 @@

    Optional onFixedChan

    Parameters

    diff --git a/apidoc/interfaces/ITabsProps.html b/apidoc/interfaces/ITabsProps.html index a94ab0150..b2463bc0f 100644 --- a/apidoc/interfaces/ITabsProps.html +++ b/apidoc/interfaces/ITabsProps.html @@ -133,7 +133,7 @@

    activeId

    @@ -144,7 +144,7 @@

    Optional canFixed

    @@ -154,7 +154,7 @@

    candel

    candel: boolean
    @@ -165,7 +165,7 @@

    Optional children

    @@ -176,7 +176,7 @@

    Optional className

    @@ -187,7 +187,7 @@

    Optional disableLazy @@ -198,7 +198,7 @@

    Optional fixedIds

    @@ -208,7 +208,7 @@

    navExtraContent

    navExtraContent: ReactNode
    @@ -218,7 +218,7 @@

    Optional overflowMode

    overflowMode: ITabOverflowMode
    • @@ -228,7 +228,7 @@

    stretch

    stretch: boolean
    @@ -239,7 +239,7 @@

    Optional tabs

    @@ -249,7 +249,7 @@

    Optional type

    type: TabType
    @@ -260,7 +260,7 @@

    Optional unmountPanel

    Inherited from IBaseTabsProps.unmountPanelOnHide

    @@ -277,7 +277,7 @@

    onAdd

  • Returns void

    @@ -295,7 +295,7 @@

    onChange

    Parameters

    @@ -318,7 +318,7 @@

    onDelete

  • Parameters

    @@ -342,7 +342,7 @@

    Optional onFixedChan

    Parameters

    @@ -365,7 +365,7 @@

    Optional renderTabBa

  • Parameters

    diff --git a/apidoc/interfaces/ITagProps.html b/apidoc/interfaces/ITagProps.html index fcc2ab84f..9b7115715 100644 --- a/apidoc/interfaces/ITagProps.html +++ b/apidoc/interfaces/ITagProps.html @@ -1339,7 +1339,7 @@

    Optional closable

    closable: boolean
    @@ -1349,7 +1349,7 @@

    Optional closeButton
    closeButtonStyle: CSSProperties
    @@ -1849,7 +1849,7 @@

    Optional onClose

    onClose: MouseEventHandler<HTMLElement>
    @@ -3377,7 +3377,7 @@

    Optional outline

    outline: boolean
    @@ -3464,7 +3464,7 @@

    Optional rounded

    rounded: boolean
    @@ -3485,7 +3485,7 @@

    Optional size

    size: "small" | "large" | "medium"
    @@ -3518,7 +3518,7 @@

    Optional style

    @@ -3561,7 +3561,7 @@

    Optional theme

    theme: "red" | "green" | "yellow" | "blue" | "grey"
    @@ -3615,7 +3615,7 @@

    Optional visible

    visible: boolean
    diff --git a/apidoc/interfaces/ITextAreaProps.html b/apidoc/interfaces/ITextAreaProps.html index 0d19b2d7f..bb029ee9b 100644 --- a/apidoc/interfaces/ITextAreaProps.html +++ b/apidoc/interfaces/ITextAreaProps.html @@ -1366,7 +1366,7 @@

    Optional autoSelect

    @@ -1376,7 +1376,7 @@

    Optional autoSize

    autoSize: boolean
    @@ -1582,7 +1582,7 @@

    Optional initSelection

    Inherited from IInputCommonProps.initSelectionEnd

    @@ -1593,7 +1593,7 @@

    Optional initSelection

    Inherited from IInputCommonProps.initSelectionStart

    @@ -1604,7 +1604,7 @@

    Optional inline

    @@ -1733,7 +1733,7 @@

    Optional maxCharactermaxCharacterCount: number

    • @@ -3108,7 +3108,7 @@

    Optional onPressEnte @@ -3657,7 +3657,7 @@

    Optional showCount

    showCount: boolean
    @@ -3668,7 +3668,7 @@

    Optional size

    @@ -3766,7 +3766,7 @@

    type

    type: "textarea"
    @@ -3798,7 +3798,7 @@

    Optional value

    value: string
    @@ -3820,7 +3820,7 @@

    Optional width

    @@ -3831,7 +3831,7 @@

    Optional widthSize

    @@ -3859,7 +3859,7 @@

    Optional onChange

  • Parameters

    diff --git a/apidoc/interfaces/ITextMarkProps.html b/apidoc/interfaces/ITextMarkProps.html index 8bef88fb3..ee234aec3 100644 --- a/apidoc/interfaces/ITextMarkProps.html +++ b/apidoc/interfaces/ITextMarkProps.html @@ -388,7 +388,7 @@

    Optional activeClass
    activeClassName: string
    @@ -398,7 +398,7 @@

    Optional activeIndex

    activeIndex: number
    @@ -408,7 +408,7 @@

    Optional activeStyle

    activeStyle: CSSProperties
    @@ -1342,7 +1342,7 @@

    Optional autoEscape

    autoEscape: boolean
    @@ -1363,7 +1363,7 @@

    Optional caseSensitivecaseSensitive: boolean

    • @@ -1385,7 +1385,7 @@

    Optional className

    @@ -1502,7 +1502,7 @@

    Optional findChunks

    findChunks: TextMarkFindChunksFunction
    @@ -1523,7 +1523,7 @@

    Optional highlightClasshighlightClassName: string | {}

    • @@ -1533,7 +1533,7 @@

    Optional highlightStylehighlightStyle: CSSProperties

    @@ -1543,7 +1543,7 @@

    Optional highlightTag

    highlightTag: ElementType<any>
    @@ -3520,7 +3520,7 @@

    Optional sanitize

    sanitize: TextMarkSanitizeFunction
    @@ -3530,7 +3530,7 @@

    searchWords

    searchWords: TextMarkSearchWords[]
    @@ -3617,7 +3617,7 @@

    textToHighlight

    textToHighlight: string
    @@ -3660,7 +3660,7 @@

    Optional unhighlightClass
    unhighlightClassName: string
    @@ -3670,7 +3670,7 @@

    Optional unhighlightStyle
    unhighlightStyle: CSSProperties
    diff --git a/apidoc/interfaces/ITimeRangePickerProps.html b/apidoc/interfaces/ITimeRangePickerProps.html index 942bd4d17..139fc304a 100644 --- a/apidoc/interfaces/ITimeRangePickerProps.html +++ b/apidoc/interfaces/ITimeRangePickerProps.html @@ -124,7 +124,7 @@

    Optional autoComplete

    Inherited from ICombinedTimeRangePickerProps.autoComplete

    @@ -135,7 +135,7 @@

    Optional canClear

    @@ -146,7 +146,7 @@

    Optional className

    @@ -157,7 +157,7 @@

    Optional defaultTime

    @@ -168,7 +168,7 @@

    Optional disabled

    @@ -179,7 +179,7 @@

    Optional disabledTime

    Inherited from ICombinedTimeRangePickerProps.disabledTime

    @@ -190,7 +190,7 @@

    Optional format

    @@ -201,7 +201,7 @@

    Optional hiddenIcon

    @@ -212,7 +212,7 @@

    Optional hourStep

    @@ -223,7 +223,7 @@

    Optional minuteStep

    @@ -234,7 +234,7 @@

    Optional name

    @@ -245,7 +245,7 @@

    Optional openPanel

    @@ -256,7 +256,7 @@

    Optional placeholder

    @@ -267,7 +267,7 @@

    Optional secondStep

    @@ -278,7 +278,7 @@

    Optional selectedDate

    Inherited from ICombinedTimeRangePickerProps.selectedDate

    @@ -289,7 +289,7 @@

    value

    @@ -300,7 +300,7 @@

    Optional width

    @@ -318,7 +318,7 @@

    onChange

    Parameters

    @@ -342,7 +342,7 @@

    Optional onClose

    Parameters

    @@ -366,7 +366,7 @@

    Optional onOpen

    Parameters

    diff --git a/apidoc/interfaces/ITimelineArrayItem.html b/apidoc/interfaces/ITimelineArrayItem.html index da6e75abe..96dbde059 100644 --- a/apidoc/interfaces/ITimelineArrayItem.html +++ b/apidoc/interfaces/ITimelineArrayItem.html @@ -112,7 +112,7 @@

    Optional className

    @@ -123,7 +123,7 @@

    Optional color

    @@ -134,7 +134,7 @@

    Optional dotColor

    @@ -144,7 +144,7 @@

    Optional id

    id: string
    @@ -155,7 +155,7 @@

    Optional label

    @@ -166,7 +166,7 @@

    Optional lineColor

    @@ -176,7 +176,7 @@

    Optional percent

    percent: number
    @@ -187,7 +187,7 @@

    Optional showDot

    @@ -198,7 +198,7 @@

    Optional showLabel

    @@ -209,7 +209,7 @@

    Optional size

    @@ -220,7 +220,7 @@

    Optional style

    @@ -231,7 +231,7 @@

    Optional tip

    @@ -242,7 +242,7 @@

    Optional type

    diff --git a/apidoc/interfaces/ITimelineItemProps.html b/apidoc/interfaces/ITimelineItemProps.html index 38713e9fa..c1b6ec937 100644 --- a/apidoc/interfaces/ITimelineItemProps.html +++ b/apidoc/interfaces/ITimelineItemProps.html @@ -109,7 +109,7 @@

    Optional className

    className: string
    @@ -119,7 +119,7 @@

    Optional color

    color: string
    @@ -129,7 +129,7 @@

    Optional dotColor

    dotColor: string
    @@ -139,7 +139,7 @@

    Optional label

    label: ReactNode
    @@ -149,7 +149,7 @@

    Optional lineColor

    lineColor: string
    @@ -159,7 +159,7 @@

    Optional showDot

    showDot: boolean
    @@ -169,7 +169,7 @@

    Optional showLabel

    showLabel: boolean
    @@ -179,7 +179,7 @@

    Optional size

    size: number
    @@ -189,7 +189,7 @@

    Optional style

    style: CSSProperties
    @@ -199,7 +199,7 @@

    Optional tip

    tip: ReactNode
    @@ -209,7 +209,7 @@

    Optional type

    type: "horizontal" | "vertical"
    diff --git a/apidoc/interfaces/ITimelineProps.html b/apidoc/interfaces/ITimelineProps.html index f97f9f56a..b1c0c8ea2 100644 --- a/apidoc/interfaces/ITimelineProps.html +++ b/apidoc/interfaces/ITimelineProps.html @@ -98,7 +98,7 @@

    Optional className

    className: string
    @@ -108,7 +108,7 @@

    Optional size

    size: string | number
    @@ -118,7 +118,7 @@

    Optional style

    style: CSSProperties
    @@ -128,7 +128,7 @@

    Optional timeline

    timeline: ITimelineArrayItem[]
    @@ -138,7 +138,7 @@

    Optional type

    type: "horizontal" | "vertical"
    diff --git a/apidoc/interfaces/ITooltipBaseProps.html b/apidoc/interfaces/ITooltipBaseProps.html index d73dd9cc8..21202c0a8 100644 --- a/apidoc/interfaces/ITooltipBaseProps.html +++ b/apidoc/interfaces/ITooltipBaseProps.html @@ -109,7 +109,7 @@

    Optional centerArrow

    centerArrow: boolean
    @@ -119,7 +119,7 @@

    children

    children: string | number | ReactElement<any, string | JSXElementConstructor<any>>
    @@ -129,7 +129,7 @@

    Optional className

    className: string
    @@ -139,7 +139,7 @@

    Optional containerSelecto
    containerSelector: string
    @@ -149,7 +149,7 @@

    Optional cushion

    cushion: number
    @@ -159,7 +159,7 @@

    Optional fixMouseEve
    fixMouseEventsOnDisabledChildren: boolean
    @@ -169,7 +169,7 @@

    Optional position

    position: PopPositions | IPositionFunction
    @@ -179,7 +179,7 @@

    Optional style

    style: CSSProperties
    @@ -189,7 +189,7 @@

    title

    title: ReactNode
    @@ -199,7 +199,7 @@

    Optional visible

    visible: boolean
    @@ -216,7 +216,7 @@

    Optional onVisibleCh

  • Parameters

    diff --git a/apidoc/interfaces/ITransferArrowButton.html b/apidoc/interfaces/ITransferArrowButton.html index bf64ee900..e0505c228 100644 --- a/apidoc/interfaces/ITransferArrowButton.html +++ b/apidoc/interfaces/ITransferArrowButton.html @@ -102,7 +102,7 @@

    direction

    direction: TransferDirection
    @@ -112,7 +112,7 @@

    disabled

    disabled: boolean
    @@ -122,7 +122,7 @@

    prefix

    prefix: string
    @@ -139,7 +139,7 @@

    onChange

  • Returns void

    diff --git a/apidoc/interfaces/ITransferData.html b/apidoc/interfaces/ITransferData.html index e24f7b358..f9f455600 100644 --- a/apidoc/interfaces/ITransferData.html +++ b/apidoc/interfaces/ITransferData.html @@ -98,7 +98,7 @@

    Optional disabled

    disabled: boolean
    diff --git a/apidoc/interfaces/ITransferDirectionChangeProps.html b/apidoc/interfaces/ITransferDirectionChangeProps.html index 5bb0f2a74..6b7fb33b3 100644 --- a/apidoc/interfaces/ITransferDirectionChangeProps.html +++ b/apidoc/interfaces/ITransferDirectionChangeProps.html @@ -97,7 +97,7 @@

    direction

    direction: TransferDirection
    @@ -107,7 +107,7 @@

    selectedKeys

    selectedKeys: string[]
    @@ -117,7 +117,7 @@

    targetKeys

    targetKeys: string[]
    @@ -127,7 +127,7 @@

    transferredKeys

    transferredKeys: string[]
    diff --git a/apidoc/interfaces/ITransferHookParams.html b/apidoc/interfaces/ITransferHookParams.html index 95d349a4a..8dacdf914 100644 --- a/apidoc/interfaces/ITransferHookParams.html +++ b/apidoc/interfaces/ITransferHookParams.html @@ -96,7 +96,7 @@

    Optional disabledKeys

    disabledKeys: string[]

    • @@ -106,7 +106,7 @@

    Optional selectedKeys

    selectedKeys: string[]
    @@ -116,7 +116,7 @@

    Optional targetKeys

    targetKeys: string[]
    diff --git a/apidoc/interfaces/ITransferHookResult.html b/apidoc/interfaces/ITransferHookResult.html index b56323e8b..d26a2c6b1 100644 --- a/apidoc/interfaces/ITransferHookResult.html +++ b/apidoc/interfaces/ITransferHookResult.html @@ -104,7 +104,7 @@

    selectedKeys

    selectedKeys: string[]
    @@ -114,7 +114,7 @@

    targetKeys

    targetKeys: string[]
    @@ -131,7 +131,7 @@

    changeSelectedKeys

  • Parameters

    @@ -157,7 +157,7 @@

    resetSelectedKeys

  • Parameters

    @@ -180,7 +180,7 @@

    resetTargetKeys

  • Parameters

    @@ -203,7 +203,7 @@

    transferKeys

  • Parameters

    diff --git a/apidoc/interfaces/ITransferItem.html b/apidoc/interfaces/ITransferItem.html index c3f56a4bb..90335013a 100644 --- a/apidoc/interfaces/ITransferItem.html +++ b/apidoc/interfaces/ITransferItem.html @@ -111,7 +111,7 @@

    dataSets

    dataSets: ITransferData[]
    @@ -121,7 +121,7 @@

    direction

    direction: TransferDirection
    @@ -131,7 +131,7 @@

    disabled

    disabled: boolean
    @@ -141,7 +141,7 @@

    keyName

    keyName: string
    @@ -151,7 +151,7 @@

    list

    list: Omit<ListType, "columns"> & { columns: TransferColumnType }
    @@ -161,7 +161,7 @@

    pagination

    pagination: boolean | { pageSize: number }
    @@ -171,7 +171,7 @@

    prefix

    prefix: string
    @@ -181,7 +181,7 @@

    Optional searchPlaceholde
    searchPlaceholder: string
    @@ -191,7 +191,7 @@

    selectedKeys

    selectedKeys: string[]
    @@ -201,7 +201,7 @@

    Optional showSearch

    showSearch: boolean
    @@ -211,7 +211,7 @@

    Optional title

    title: ReactNode
    @@ -228,7 +228,7 @@

    Optional filterOption

    Parameters

    @@ -254,7 +254,7 @@

    handleSelectChange

  • Parameters

    diff --git a/apidoc/interfaces/ITreeData.html b/apidoc/interfaces/ITreeData.html index 9f61228e1..f57b609e8 100644 --- a/apidoc/interfaces/ITreeData.html +++ b/apidoc/interfaces/ITreeData.html @@ -99,7 +99,7 @@

    Optional expand

    expand: boolean
    @@ -109,7 +109,7 @@

    Optional isLeaf

    isLeaf: boolean
    diff --git a/apidoc/interfaces/ITreeOncheckHelpInfo.html b/apidoc/interfaces/ITreeOncheckHelpInfo.html index 0cc48cb60..356670eac 100644 --- a/apidoc/interfaces/ITreeOncheckHelpInfo.html +++ b/apidoc/interfaces/ITreeOncheckHelpInfo.html @@ -98,7 +98,7 @@

    all

    all: ITreeData[]
    @@ -108,7 +108,7 @@

    bottom

    bottom: ITreeData[]
    @@ -118,7 +118,7 @@

    currentRoot

    currentRoot: ITreeData
    @@ -128,7 +128,7 @@

    disabled

    disabled: ITreeData[]
    @@ -138,7 +138,7 @@

    top

    top: ITreeData[]
    diff --git a/apidoc/interfaces/ITreeOperation.html b/apidoc/interfaces/ITreeOperation.html index 21d13cd6f..8507842d6 100644 --- a/apidoc/interfaces/ITreeOperation.html +++ b/apidoc/interfaces/ITreeOperation.html @@ -102,7 +102,7 @@

    Optional icon

    icon: ReactNode
    @@ -112,7 +112,7 @@

    name

    name: string
    @@ -129,7 +129,7 @@

    action

  • Parameters

    @@ -152,7 +152,7 @@

    Optional shouldRender

    Parameters

    diff --git a/apidoc/interfaces/ITreeProps.html b/apidoc/interfaces/ITreeProps.html index bb7ca330f..fd557bae5 100644 --- a/apidoc/interfaces/ITreeProps.html +++ b/apidoc/interfaces/ITreeProps.html @@ -126,7 +126,7 @@

    Optional autoExpandO
    autoExpandOnSelect: boolean
    @@ -137,7 +137,7 @@

    Optional checkable

    @@ -148,7 +148,7 @@

    Optional checkedKeys

    @@ -158,7 +158,7 @@

    Optional commonStyle

    commonStyle: CSSProperties
    @@ -169,7 +169,7 @@

    data

    @@ -180,7 +180,7 @@

    Optional dataType

    @@ -190,7 +190,7 @@

    Optional disableSelected<
    disableSelectedStrictly: boolean
    @@ -201,7 +201,7 @@

    Optional disabledChecked< @@ -211,7 +211,7 @@

    Optional disabledSelected
    disabledSelectedKeys: TreeRootIdArray
    @@ -222,7 +222,7 @@

    Optional expandAll

    @@ -232,7 +232,7 @@

    Optional foldable

    foldable: boolean
    @@ -242,7 +242,7 @@

    Optional onlyShowOne
    onlyShowOneLine: boolean
    @@ -252,7 +252,7 @@

    Optional operations

    operations: ITreeOperation[]
    @@ -263,7 +263,7 @@

    Optional renderKey

    @@ -273,7 +273,7 @@

    Optional selectable

    selectable: boolean
    @@ -283,7 +283,7 @@

    Optional selectedKey

    selectedKey: string | number
    @@ -293,7 +293,7 @@

    Optional size

    size: ITreeSize
    @@ -311,7 +311,7 @@

    Optional isRoot

    Parameters

    @@ -335,7 +335,7 @@

    Optional loadMore

    Parameters

    @@ -358,7 +358,7 @@

    Optional onCheck

  • Parameters

    @@ -384,7 +384,7 @@

    Optional onExpand

  • Parameters

    @@ -415,7 +415,7 @@

    Optional onSelect

  • Parameters

    @@ -441,7 +441,7 @@

    Optional render

  • Parameters

    diff --git a/apidoc/interfaces/ITreeRenderKey.html b/apidoc/interfaces/ITreeRenderKey.html index f5e489504..926afdf8f 100644 --- a/apidoc/interfaces/ITreeRenderKey.html +++ b/apidoc/interfaces/ITreeRenderKey.html @@ -97,7 +97,7 @@

    children

    children: string
    @@ -107,7 +107,7 @@

    id

    id: string
    @@ -117,7 +117,7 @@

    parentId

    parentId: string
    @@ -127,7 +127,7 @@

    title

    title: string
    diff --git a/apidoc/interfaces/ITreeState.html b/apidoc/interfaces/ITreeState.html index 579dd4ecf..158ea0d8d 100644 --- a/apidoc/interfaces/ITreeState.html +++ b/apidoc/interfaces/ITreeState.html @@ -102,7 +102,7 @@

    checkedNode

    checkedNode: TreeRootIdArray
    @@ -112,7 +112,7 @@

    disabledNode

    disabledNode: TreeRootIdArray
    @@ -122,7 +122,7 @@

    expandNode

    expandNode: TreeRootIdArray
    @@ -132,7 +132,7 @@

    loadingNode

    loadingNode: TreeRootIdArray
    @@ -142,7 +142,7 @@

    prevProps

    prevProps: ITreeProps
    @@ -152,7 +152,7 @@

    renderKey

    renderKey: ITreeRenderKey
    @@ -162,7 +162,7 @@

    rootInfoMap

    rootInfoMap: ITreeRootInfoMap
    @@ -172,7 +172,7 @@

    Optional selectedKey

    selectedKey: string | number
    @@ -182,7 +182,7 @@

    tree

    tree: ITreeData[]
    diff --git a/apidoc/interfaces/IUploadChangeDetail.html b/apidoc/interfaces/IUploadChangeDetail.html index 5ca40bf50..05bb5e25f 100644 --- a/apidoc/interfaces/IUploadChangeDetail.html +++ b/apidoc/interfaces/IUploadChangeDetail.html @@ -103,7 +103,7 @@

    item

    item: IUploadFileItemInner<UPLOAD_ITEM>
    @@ -113,7 +113,7 @@

    type

    type: "change" | "add" | "delete" | "retry"
    diff --git a/apidoc/interfaces/IUploadErrorMessageConfigMap.html b/apidoc/interfaces/IUploadErrorMessageConfigMap.html index 0171f5cb5..0a26cf845 100644 --- a/apidoc/interfaces/IUploadErrorMessageConfigMap.html +++ b/apidoc/interfaces/IUploadErrorMessageConfigMap.html @@ -95,7 +95,7 @@

    overMaxAmount

    overMaxAmount: { maxAmount: number }
    @@ -118,7 +118,7 @@

    overMaxSize

    overMaxSize: { formattedMaxSize: string; maxSize: number }
    diff --git a/apidoc/interfaces/IUploadFileItem.html b/apidoc/interfaces/IUploadFileItem.html index ac67db79e..80b8276f6 100644 --- a/apidoc/interfaces/IUploadFileItem.html +++ b/apidoc/interfaces/IUploadFileItem.html @@ -111,7 +111,7 @@

    Optional file: File

    @@ -126,7 +126,7 @@

    Optional id

    id: string
    @@ -141,7 +141,7 @@

    name

    name: string
    @@ -156,7 +156,7 @@

    Optional percent

    percent: number
    @@ -171,7 +171,7 @@

    status

    status: FILE_UPLOAD_STATUS
    @@ -186,7 +186,7 @@

    type

    type: string
    diff --git a/apidoc/interfaces/IUploadItemProps.html b/apidoc/interfaces/IUploadItemProps.html index 924b164e9..c73d44f7a 100644 --- a/apidoc/interfaces/IUploadItemProps.html +++ b/apidoc/interfaces/IUploadItemProps.html @@ -105,7 +105,7 @@

    i18n

    i18n: II18nLocaleUpload
    @@ -115,7 +115,7 @@

    item

    item: IUploadFileItemInner<UPLOAD_ITEM>
    @@ -125,7 +125,7 @@

    onDelete

    onDelete: (retryItem: IUploadFileItemInner<UPLOAD_ITEM>) => void
    @@ -156,7 +156,7 @@

    onRetry

    onRetry: (retryItem: IUploadFileItemInner<UPLOAD_ITEM>) => void
    diff --git a/apidoc/interfaces/IUploadListProps.html b/apidoc/interfaces/IUploadListProps.html index 8b5ccb235..cad01a9ba 100644 --- a/apidoc/interfaces/IUploadListProps.html +++ b/apidoc/interfaces/IUploadListProps.html @@ -113,7 +113,7 @@

    Optional customUpload

    Inherited from IAbstractUploadListProps.customUploadItem

    @@ -124,7 +124,7 @@

    fileList

    @@ -135,7 +135,7 @@

    i18n

    @@ -145,7 +145,7 @@

    pageSize

    pageSize: number
    @@ -155,7 +155,7 @@

    pagination

    pagination: boolean
    @@ -166,7 +166,7 @@

    Optional sortable

    @@ -184,7 +184,7 @@

    onDelete

    Parameters

    @@ -208,7 +208,7 @@

    onRetry

    Parameters

    @@ -232,7 +232,7 @@

    onSortChange

    Parameters

    diff --git a/apidoc/interfaces/IUploadProps.html b/apidoc/interfaces/IUploadProps.html index 35d011b30..54d693947 100644 --- a/apidoc/interfaces/IUploadProps.html +++ b/apidoc/interfaces/IUploadProps.html @@ -122,7 +122,7 @@

    Optional accept

    @@ -138,7 +138,7 @@

    Optional className

    @@ -154,7 +154,7 @@

    Optional customUpload

    Inherited from IAbstractMultiUploadProps.customUploadItem

    @@ -170,7 +170,7 @@

    Optional defaultFile
    @@ -186,7 +186,7 @@

    Optional disabled

    @@ -202,7 +202,7 @@

    Optional fileList

    @@ -218,7 +218,7 @@

    Optional manualUpload

    Inherited from IAbstractMultiUploadProps.manualUpload

    @@ -234,7 +234,7 @@

    Optional maxAmount

    @@ -250,7 +250,7 @@

    Optional maxSize

    @@ -266,7 +266,7 @@

    Optional multiple

    @@ -282,7 +282,7 @@

    onChange

    @@ -298,7 +298,7 @@

    Optional onError

    @@ -314,7 +314,7 @@

    Optional onUpload

    @@ -329,7 +329,7 @@

    Optional pageSize

    pageSize: number
    @@ -344,7 +344,7 @@

    Optional pagination

    pagination: boolean
    @@ -360,7 +360,7 @@

    Optional sortable

    @@ -375,7 +375,7 @@

    Optional tips

    tips: ReactNode | IUploadTipsFunc<IUploadProps>
    @@ -398,7 +398,7 @@

    Optional beforeUpload

    Inherited from IAbstractMultiUploadProps.beforeUpload

    diff --git a/apidoc/interfaces/IUseIMECompositionResult.html b/apidoc/interfaces/IUseIMECompositionResult.html index 8555284de..94232e77e 100644 --- a/apidoc/interfaces/IUseIMECompositionResult.html +++ b/apidoc/interfaces/IUseIMECompositionResult.html @@ -105,7 +105,7 @@

    onChange

    onChange: OnChange
    @@ -115,7 +115,7 @@

    onCompositionEnd

    onCompositionEnd: CompositionEventHandler<Element>
    @@ -125,7 +125,7 @@

    onCompositionStart

    onCompositionStart: CompositionEventHandler<Element>
    @@ -135,7 +135,7 @@

    value

    value: string
    diff --git a/apidoc/interfaces/IValidateResult.html b/apidoc/interfaces/IValidateResult.html index 28fb50349..a96f27120 100644 --- a/apidoc/interfaces/IValidateResult.html +++ b/apidoc/interfaces/IValidateResult.html @@ -116,7 +116,7 @@

    Optional actual

    actual: T
    @@ -131,7 +131,7 @@

    Optional expect

    expect: T
    @@ -146,7 +146,7 @@

    Optional message

    message: string
    @@ -161,7 +161,7 @@

    name

    name: string
    diff --git a/apidoc/interfaces/IValueTypeRangeMap.html b/apidoc/interfaces/IValueTypeRangeMap.html index 16ec6453d..f76624103 100644 --- a/apidoc/interfaces/IValueTypeRangeMap.html +++ b/apidoc/interfaces/IValueTypeRangeMap.html @@ -96,7 +96,7 @@

    date

    date: [Date, Date]
    @@ -106,7 +106,7 @@

    number

    number: [number, number]
    @@ -116,7 +116,7 @@

    string

    string: [string, string]
    diff --git a/apidoc/interfaces/IVerticalDivide.html b/apidoc/interfaces/IVerticalDivide.html index 65afee0fb..cb003198c 100644 --- a/apidoc/interfaces/IVerticalDivide.html +++ b/apidoc/interfaces/IVerticalDivide.html @@ -94,7 +94,7 @@

    divide

    divide: true
    diff --git a/apidoc/interfaces/IVerticalTabsNavProps.html b/apidoc/interfaces/IVerticalTabsNavProps.html index 4abe1e1f6..bc4b38fee 100644 --- a/apidoc/interfaces/IVerticalTabsNavProps.html +++ b/apidoc/interfaces/IVerticalTabsNavProps.html @@ -114,7 +114,7 @@

    Optional scrollHeight

    scrollHeight: MaxHeight<string | number>
    @@ -125,7 +125,7 @@

    tabDataList

    @@ -143,7 +143,7 @@

    onChange

    Parameters

    diff --git a/apidoc/interfaces/IVerticalTabsProps.html b/apidoc/interfaces/IVerticalTabsProps.html index 0ffc8efe9..8552ef244 100644 --- a/apidoc/interfaces/IVerticalTabsProps.html +++ b/apidoc/interfaces/IVerticalTabsProps.html @@ -120,7 +120,7 @@

    activeId

    @@ -131,7 +131,7 @@

    Optional children

    @@ -142,7 +142,7 @@

    Optional className

    @@ -153,7 +153,7 @@

    Optional disableLazy @@ -163,7 +163,7 @@

    Optional scrollHeight

    scrollHeight: MaxHeight<string | number>
    @@ -174,7 +174,7 @@

    Optional tabs

    @@ -185,7 +185,7 @@

    Optional unmountPanel

    Inherited from IBaseTabsProps.unmountPanelOnHide

    @@ -203,7 +203,7 @@

    onChange

    Parameters

    diff --git a/apidoc/interfaces/IWaypointBounds.html b/apidoc/interfaces/IWaypointBounds.html index 83503203d..048330619 100644 --- a/apidoc/interfaces/IWaypointBounds.html +++ b/apidoc/interfaces/IWaypointBounds.html @@ -97,7 +97,7 @@

    viewportBottom

    viewportBottom: number
    @@ -107,7 +107,7 @@

    viewportTop

    viewportTop: number
    @@ -117,7 +117,7 @@

    waypointBottom

    waypointBottom: number
    @@ -127,7 +127,7 @@

    waypointTop

    waypointTop: number
    diff --git a/apidoc/interfaces/IWaypointCallbackData.html b/apidoc/interfaces/IWaypointCallbackData.html index 47ddc2933..1bd27c1e6 100644 --- a/apidoc/interfaces/IWaypointCallbackData.html +++ b/apidoc/interfaces/IWaypointCallbackData.html @@ -100,7 +100,7 @@

    currentPosition

    currentPosition: WaypointPosition
    @@ -110,7 +110,7 @@

    event

    event: Event
    @@ -120,7 +120,7 @@

    previousPosition

    previousPosition: WaypointPosition
    @@ -130,7 +130,7 @@

    viewportBottom

    viewportBottom: number
    @@ -140,7 +140,7 @@

    viewportTop

    viewportTop: number
    @@ -150,7 +150,7 @@

    waypointBottom

    waypointBottom: number
    @@ -160,7 +160,7 @@

    waypointTop

    waypointTop: number
    diff --git a/apidoc/interfaces/IWaypointProps.html b/apidoc/interfaces/IWaypointProps.html index 863359003..7d1e92804 100644 --- a/apidoc/interfaces/IWaypointProps.html +++ b/apidoc/interfaces/IWaypointProps.html @@ -107,7 +107,7 @@

    Optional bottomOffset

    bottomOffset: string | number
    @@ -117,7 +117,7 @@

    Optional children

    children: ReactNode
    @@ -127,7 +127,7 @@

    Optional fireOnRapid
    fireOnRapidScroll: boolean
    @@ -137,7 +137,7 @@

    Optional horizontal

    horizontal: boolean
    @@ -147,7 +147,7 @@

    Optional scrollableAncest
    scrollableAncestor: HTMLElement | Window
    @@ -157,7 +157,7 @@

    Optional topOffset

    topOffset: string | number
    @@ -174,7 +174,7 @@

    Optional onEnter

  • Parameters

    @@ -197,7 +197,7 @@

    Optional onLeave

  • Parameters

    @@ -220,7 +220,7 @@

    Optional onPositionC

  • Parameters

    diff --git a/apidoc/interfaces/IWeekPickerProps.html b/apidoc/interfaces/IWeekPickerProps.html index 97b63be09..1e232d0f8 100644 --- a/apidoc/interfaces/IWeekPickerProps.html +++ b/apidoc/interfaces/IWeekPickerProps.html @@ -135,7 +135,7 @@

    Optional canClear

    @@ -146,7 +146,7 @@

    Optional className

    @@ -157,7 +157,7 @@

    Optional defaultDate

    @@ -168,7 +168,7 @@

    Optional disabled

    @@ -179,7 +179,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -190,7 +190,7 @@

    Optional format

    @@ -200,7 +200,7 @@

    Optional hideFooter

    hideFooter: boolean
    @@ -211,7 +211,7 @@

    Optional name

    @@ -222,7 +222,7 @@

    Optional openPanel

    @@ -233,7 +233,7 @@

    Optional placeholder

    @@ -244,7 +244,7 @@

    value

    @@ -255,7 +255,7 @@

    Optional valueType

    @@ -266,7 +266,7 @@

    Optional weekStartsO @@ -277,7 +277,7 @@

    Optional width

    @@ -295,7 +295,7 @@

    onChange

    Parameters

    @@ -319,7 +319,7 @@

    Optional onClose

    Returns void

    @@ -337,7 +337,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/IWindowEventHandlerProps.html b/apidoc/interfaces/IWindowEventHandlerProps.html index d94b3c05c..2d7c982f4 100644 --- a/apidoc/interfaces/IWindowEventHandlerProps.html +++ b/apidoc/interfaces/IWindowEventHandlerProps.html @@ -109,7 +109,7 @@

    eventName

    eventName: K
    @@ -119,7 +119,7 @@

    Optional options

    options: AddEventListenerOptions
    @@ -136,7 +136,7 @@

    listener

  • Parameters

    diff --git a/apidoc/interfaces/IWindowResizeHandlerDelta.html b/apidoc/interfaces/IWindowResizeHandlerDelta.html index 5a1017d10..4749a3034 100644 --- a/apidoc/interfaces/IWindowResizeHandlerDelta.html +++ b/apidoc/interfaces/IWindowResizeHandlerDelta.html @@ -95,7 +95,7 @@

    deltaX

    deltaX: number
    @@ -105,7 +105,7 @@

    deltaY

    deltaY: number
    diff --git a/apidoc/interfaces/IWindowResizeHandlerProps.html b/apidoc/interfaces/IWindowResizeHandlerProps.html index 7b826c6a5..541eadedc 100644 --- a/apidoc/interfaces/IWindowResizeHandlerProps.html +++ b/apidoc/interfaces/IWindowResizeHandlerProps.html @@ -100,7 +100,7 @@

    Optional disableThrottle<
    disableThrottle: boolean
    @@ -117,7 +117,7 @@

    onResize

  • Parameters

    diff --git a/apidoc/interfaces/IWindowScrollHandler.html b/apidoc/interfaces/IWindowScrollHandler.html index 5d71d6ee2..afcbbfaf1 100644 --- a/apidoc/interfaces/IWindowScrollHandler.html +++ b/apidoc/interfaces/IWindowScrollHandler.html @@ -101,7 +101,7 @@

    Optional disableThrottle<
    disableThrottle: boolean
    @@ -111,7 +111,7 @@

    Optional options

    options: AddEventListenerOptions
    @@ -128,7 +128,7 @@

    onScroll

  • Parameters

    diff --git a/apidoc/interfaces/IWithErrorBoundaryOption.html b/apidoc/interfaces/IWithErrorBoundaryOption.html index 6e705654c..7dc9cadd1 100644 --- a/apidoc/interfaces/IWithErrorBoundaryOption.html +++ b/apidoc/interfaces/IWithErrorBoundaryOption.html @@ -104,7 +104,7 @@

    Optional Component

    Component: ComponentType<P>
    @@ -114,7 +114,7 @@

    Optional FallbackComponen
    FallbackComponent: ComponentType<IErrorBoundaryFallbackComponentProps>
    @@ -124,7 +124,7 @@

    Optional onError

    onError: IOnErrorCallback
    diff --git a/apidoc/interfaces/IYearPickerProps.html b/apidoc/interfaces/IYearPickerProps.html index 5a49b0222..6935a229b 100644 --- a/apidoc/interfaces/IYearPickerProps.html +++ b/apidoc/interfaces/IYearPickerProps.html @@ -130,7 +130,7 @@

    Optional canClear

    @@ -141,7 +141,7 @@

    Optional className

    @@ -152,7 +152,7 @@

    Optional defaultDate

    @@ -163,7 +163,7 @@

    Optional disabled

    @@ -174,7 +174,7 @@

    Optional disabledDate

    Inherited from Omit.disabledDate

    @@ -185,7 +185,7 @@

    Optional format

    @@ -196,7 +196,7 @@

    Optional name

    @@ -207,7 +207,7 @@

    Optional openPanel

    @@ -218,7 +218,7 @@

    Optional placeholder

    @@ -229,7 +229,7 @@

    value

    @@ -240,7 +240,7 @@

    Optional valueType

    @@ -251,7 +251,7 @@

    Optional width

    @@ -269,7 +269,7 @@

    onChange

    Parameters

    @@ -293,7 +293,7 @@

    Optional onClose

    Returns void

    @@ -311,7 +311,7 @@

    Optional onOpen

    Returns void

    diff --git a/apidoc/interfaces/Sweetalert.IAlertOption.html b/apidoc/interfaces/Sweetalert.IAlertOption.html index c62b4ef8c..742bfba1b 100644 --- a/apidoc/interfaces/Sweetalert.IAlertOption.html +++ b/apidoc/interfaces/Sweetalert.IAlertOption.html @@ -118,7 +118,7 @@

    Optional className

    className: string
    @@ -128,7 +128,7 @@

    Optional closeBtn

    closeBtn: boolean
    @@ -138,7 +138,7 @@

    Optional confirmText

    confirmText: string
    @@ -148,7 +148,7 @@

    Optional confirmType

    confirmType: "success" | "default" | "primary" | "danger"
    @@ -158,7 +158,7 @@

    Optional content

    content: ReactNode
    @@ -168,7 +168,7 @@

    Optional maskClosable

    maskClosable: boolean

    • @@ -178,7 +178,7 @@

    Optional onCancel

    onCancel: ActionButtonClickHandler
    @@ -188,7 +188,7 @@

    Optional onConfirm

    onConfirm: ActionButtonClickHandler
    @@ -198,7 +198,7 @@

    Optional parentComponent<
    parentComponent: any
    @@ -208,7 +208,7 @@

    Optional title

    title: ReactNode
    @@ -218,7 +218,7 @@

    Optional type

    type: "info" | "success" | "warning" | "error"
    @@ -235,7 +235,7 @@

    Optional onClose

  • Returns void

    diff --git a/apidoc/interfaces/Sweetalert.IConfirmOption.html b/apidoc/interfaces/Sweetalert.IConfirmOption.html index 8659e3a72..574da59f8 100644 --- a/apidoc/interfaces/Sweetalert.IConfirmOption.html +++ b/apidoc/interfaces/Sweetalert.IConfirmOption.html @@ -119,7 +119,7 @@

    Optional cancelText

    cancelText: ReactNode
    @@ -130,7 +130,7 @@

    Optional className

    @@ -141,7 +141,7 @@

    Optional closeBtn

    @@ -152,7 +152,7 @@

    Optional confirmText

    @@ -163,7 +163,7 @@

    Optional confirmType

    @@ -174,7 +174,7 @@

    Optional content

    @@ -185,7 +185,7 @@

    Optional maskClosable

    Inherited from IAlertOption.maskClosable

    @@ -196,7 +196,7 @@

    Optional onCancel

    @@ -207,7 +207,7 @@

    Optional onConfirm

    @@ -218,7 +218,7 @@

    Optional parentComponent< @@ -229,7 +229,7 @@

    Optional title

    @@ -240,7 +240,7 @@

    Optional type

    @@ -258,7 +258,7 @@

    Optional onClose

    Returns void

    diff --git a/apidoc/interfaces/Validators.IWithLength.html b/apidoc/interfaces/Validators.IWithLength.html index a2ceeec0a..8f19a8128 100644 --- a/apidoc/interfaces/Validators.IWithLength.html +++ b/apidoc/interfaces/Validators.IWithLength.html @@ -97,7 +97,7 @@

    length

    length: number
    diff --git a/apidoc/modules.html b/apidoc/modules.html index 16f67b780..160646592 100644 --- a/apidoc/modules.html +++ b/apidoc/modules.html @@ -741,7 +741,7 @@

    $FieldSetBuilderChildren

    $FieldSetBuilderChildren<ChildBuilders>: {[ Key in keyof ChildBuilders]: $GetBuilderModel<ChildBuilders[Key]> }

    Type parameters

    @@ -757,7 +757,7 @@

    $FieldSetValue

    $FieldSetValue<Children>: {[ Key in keyof Children]: Children[Key] extends IModel<infer V> ? V : never }

    Type parameters

    @@ -773,7 +773,7 @@

    AlertTypes

    AlertTypes: "info" | "success" | "warning" | "error" | "hint"
    @@ -783,7 +783,7 @@

    BannerCloseIconColor

    BannerCloseIconColor: "grey" | "white"
    @@ -793,7 +793,7 @@

    CascaderItemSelectionState

    CascaderItemSelectionState: "on" | "off" | "partial"
    @@ -803,7 +803,7 @@

    CascaderMenuClickHandler

    CascaderMenuClickHandler: (node: ICascaderItem, closePopup: () => void) => void
    @@ -849,7 +849,7 @@

    CascaderMenuHoverHandler

    CascaderMenuHoverHandler: (node: ICascaderItem) => void
    @@ -880,7 +880,7 @@

    CascaderSearchClickHandler

    CascaderSearchClickHandler: (path: ICascaderItem[], closePopup: () => void) => void
    @@ -926,7 +926,7 @@

    CascaderSimplifySelectionMode

    CascaderSimplifySelectionMode: "excludeDisabled" | "includeDisabled"
    @@ -936,7 +936,7 @@

    CascaderTabsClickHandler

    CascaderTabsClickHandler: (node: ICascaderItem, closePopup: () => void) => void
    @@ -982,7 +982,7 @@

    CascaderValue

    CascaderValue: string | number
    @@ -992,7 +992,7 @@

    ColorPickerType

    ColorPickerType: "default" | "simple"
    @@ -1002,7 +1002,7 @@

    DateRangeQuickPickerChangeCallback

    DateRangeQuickPickerChangeCallback: (value: RangeDate, choosePresetValue?: DateRangeQuickPickerPresetValue) => void
    @@ -1036,7 +1036,7 @@

    DateRangeQuickPickerPresetValue

    DateRangeQuickPickerPresetValue: number | RangeDate
    @@ -1046,7 +1046,7 @@

    DateRangeQuickPickerValueType

    DateRangeQuickPickerValueType: "string" | "number" | "date"
    @@ -1056,7 +1056,7 @@

    DrawerProps

    DrawerProps: IHorizontalDrawerProps | IVerticalDrawerProps
    @@ -1066,7 +1066,7 @@

    GridColumnContextType

    GridColumnContextType: Partial<IGridColumn>
    @@ -1076,7 +1076,7 @@

    GridFixedType

    GridFixedType: "left" | "right" | true
    @@ -1086,7 +1086,7 @@

    GridPaginationType

    GridPaginationType: "default" | "lite" | "mini"
    @@ -1096,7 +1096,7 @@

    GridRowClassNameType

    GridRowClassNameType<Data>: string | ((data: Data, rowIndex: number) => string)

    Type parameters

    @@ -1112,7 +1112,7 @@

    GridScrollPosition

    GridScrollPosition: "both" | "left" | "right" | "middle"
    @@ -1122,7 +1122,7 @@

    GridSortType

    GridSortType: "desc" | "asc" | ""
    @@ -1132,7 +1132,7 @@

    GridTextAlign

    GridTextAlign: "left" | "right" | "center"
    @@ -1142,7 +1142,7 @@

    I18nComponentName

    I18nComponentName: keyof Omit<ILocaleData, "mark">
    @@ -1152,7 +1152,7 @@

    I18nLocaleDataType

    I18nLocaleDataType<T>: ILocaleData[T] extends () => any ? ReturnType<ILocaleData[T]> : ILocaleData[T]

    Type parameters

    @@ -1168,7 +1168,7 @@

    I18nLocaleTimePicker

    I18nLocaleTimePicker: () => II18nLocaleTimePicker
    @@ -1193,7 +1193,7 @@

    IAutoCompleteMenuItem

    IAutoCompleteMenuItem: string | number | IAutoCompleteMenuObjectItem
    @@ -1203,7 +1203,7 @@

    IBannerProps

    IBannerProps: Omit<IAlertProps, "title"> & { backgroundImage: string }
    @@ -1213,7 +1213,7 @@

    IButtonGroupProps

    IButtonGroupProps: React.HTMLAttributes<HTMLDivElement>
    @@ -1223,7 +1223,7 @@

    IButtonHtmlType

    IButtonHtmlType: "button" | "submit" | "reset"
    @@ -1233,7 +1233,7 @@

    IButtonSize

    IButtonSize: "medium" | "large" | "small"
    @@ -1243,7 +1243,7 @@

    IButtonType

    IButtonType: "default" | "primary" | "secondary" | "danger" | "warning" | "error" | "success" | "text" | "icon"
    @@ -1253,7 +1253,7 @@

    ICollapseProps

    ICollapseProps: ICollapsePropsAccordion | ICollapsePropsMultiple
    @@ -1263,7 +1263,7 @@

    ICombinedFormTimeRangePickerFieldProps

    ICombinedFormTimeRangePickerFieldProps: IFormComponentProps<RangeTime, Omit<ICombinedTimeRangePickerProps, "value">>
    @@ -1273,7 +1273,7 @@

    IDisabledTime

    IDisabledTime: (date?: Date | null, type?: RangeType) => IDisabledTimeOption
    @@ -1307,7 +1307,7 @@

    IDropdownButtonProps

    IDropdownButtonProps: IButtonProps
    @@ -1317,7 +1317,7 @@

    IDropdownProps

    IDropdownProps: IPopoverProps
    @@ -1327,7 +1327,7 @@

    IElevatorLinksProps

    IElevatorLinksProps: Omit<IAffixProps, "className" | "style"> & { className?: string; links: IElevatorLinkItem[]; style?: CSSProperties; onClick?: any }
    @@ -1337,7 +1337,7 @@

    IFormCheckboxFieldProps

    IFormCheckboxFieldProps<Value>: IFormComponentProps<boolean, Omit<ICheckboxProps<Value>, "checked">>

    Type parameters

    @@ -1353,7 +1353,7 @@

    IFormCheckboxGroupFieldProps

    IFormCheckboxGroupFieldProps<T>: IFormComponentProps<T[], Omit<ICheckboxGroupProps<T>, "value">> & { children?: React.ReactNode }

    Type parameters

    @@ -1369,7 +1369,7 @@

    IFormColorPickerFieldProps

    IFormColorPickerFieldProps: IFormComponentProps<string, Omit<IColorPickerProps, "color">>
    @@ -1379,7 +1379,7 @@

    IFormCombinedDateRangePickerFieldProps

    IFormCombinedDateRangePickerFieldProps<T>: IFormComponentProps<RangeDate, Omit<ICombinedDateRangePickerProps<T>, "value">>

    Type parameters

    @@ -1395,7 +1395,7 @@

    IFormComponentProps

    IFormComponentProps<Value, Props, OmitKeys>: Omit<IFormFieldPropsBase<Value>, "touchWhen" | OmitKeys> & { props?: Partial<Props> } & Optional<IFormFieldViewDrivenProps<Value>, "defaultValue"> | Optional<IFormFieldModelDrivenProps<Value>, "defaultValue">

    Type parameters

    @@ -1417,7 +1417,7 @@

    IFormDatePickerField

    IFormDatePickerField<T>: IFormComponentProps<SingleDate, Omit<IDatePickerProps<T>, "value">>

    Type parameters

    @@ -1433,7 +1433,7 @@

    IFormDateRangePickerFieldProps

    IFormDateRangePickerFieldProps<T>: IFormComponentProps<RangeDate, Omit<IDateRangePickerProps<T>, "value">>

    Type parameters

    @@ -1449,7 +1449,7 @@

    IFormDateRangeQuickPickerFieldProps

    IFormDateRangeQuickPickerFieldProps: IFormComponentProps<RangeDate, Omit<IDateRangeQuickPickerProps, "value">>
    @@ -1459,7 +1459,7 @@

    IFormFieldModelProps

    IFormFieldModelProps<T>: IFormFieldViewDrivenProps<T> | IFormFieldModelDrivenProps<T>

    Type parameters

    @@ -1475,7 +1475,7 @@

    IFormFieldProps

    IFormFieldProps<Value>: IFormFieldPropsBase<Value> & IFormFieldModelProps<Value> & { children: any }

    Type parameters

    @@ -1491,7 +1491,7 @@

    IFormImageUploadFieldProps

    IFormImageUploadFieldProps<T>: IFormComponentProps<T[], Omit<IImageUploadProps, "fileList" | "onChange" | "defaultFileList">>

    Type parameters

    @@ -1507,7 +1507,7 @@

    IFormInputFieldProps

    IFormInputFieldProps: IFormComponentProps<string, Omit<IInputCoreProps, "value" | "name" | "defaultValue"> | Omit<ITextAreaProps, "value" | "name" | "defaultValue">>
    @@ -1522,7 +1522,7 @@

    IFormMonthPickerFieldProps

    IFormMonthPickerFieldProps<T>: IFormComponentProps<SingleDate, Omit<IMonthPickerProps<T>, "value">>

    Type parameters

    @@ -1538,7 +1538,7 @@

    IFormNumberInputFieldProps

    IFormNumberInputFieldProps<T>: IFormComponentProps<T, Omit<INumberInputDecimalProps, "value"> | Omit<INumberInputIntegerProps, "value">>

    Type parameters

    @@ -1554,7 +1554,7 @@

    IFormQuarterPickerFieldProps

    IFormQuarterPickerFieldProps<T>: IFormComponentProps<RangeDate, Omit<IQuarterPickerProps<T>, "value">>

    Type parameters

    @@ -1570,7 +1570,7 @@

    IFormRadioGroupFieldProps

    IFormRadioGroupFieldProps<T>: IFormComponentProps<T | null, Omit<IRadioGroupProps<T>, "value">> & { children?: React.ReactNode }

    Type parameters

    @@ -1586,7 +1586,7 @@

    IFormSelectFieldProps

    IFormSelectFieldProps<Key, T>: IFormComponentProps<(T | null) | T[], Omit<ISelectProps<Key, T>, "value" | "onChange">>

    Type parameters

    @@ -1605,7 +1605,7 @@

    IFormSingleUploadFieldProps

    IFormSingleUploadFieldProps<T>: IFormComponentProps<T | null, Omit<ISingleUploadProps, "value" | "onChange">>

    Type parameters

    @@ -1621,7 +1621,7 @@

    IFormSwitchFieldProps

    IFormSwitchFieldProps: IFormComponentProps<boolean, Omit<ISwitchProps, "checked">>
    @@ -1631,7 +1631,7 @@

    IFormTimePickerField

    IFormTimePickerField: IFormComponentProps<SingleTime, Omit<ITimePickerProps, "value">>
    @@ -1641,7 +1641,7 @@

    IFormTimeRangePickerFieldProps

    IFormTimeRangePickerFieldProps: IFormComponentProps<RangeTime, Omit<ITimeRangePickerProps, "value">>
    @@ -1651,7 +1651,7 @@

    IFormUploadFieldProps

    IFormUploadFieldProps<T>: IFormComponentProps<T[], Omit<IUploadProps, "fileList" | "onChange" | "defaultFileList">>

    Type parameters

    @@ -1667,7 +1667,7 @@

    IFormWeekPickerFieldProps

    IFormWeekPickerFieldProps<T>: IFormComponentProps<RangeDate, Omit<IWeekPickerProps<T>, "value">>

    Type parameters

    @@ -1683,7 +1683,7 @@

    IFormYearPickerFieldProps

    IFormYearPickerFieldProps<T>: IFormComponentProps<SingleDate, Omit<IYearPickerProps<T>, "value">>

    Type parameters

    @@ -1699,7 +1699,7 @@

    IGridBatchRender

    IGridBatchRender: (data: any, position?: "header" | "foot") => React.ReactNode
    @@ -1733,7 +1733,7 @@

    IGridColumnBodyRenderFunc

    IGridColumnBodyRenderFunc<Data>: (data: Data, pos: IGridCellPos, name?: string) => React.ReactNode

    Type parameters

    @@ -1776,7 +1776,7 @@

    IGridInnerFixedType

    IGridInnerFixedType: Exclude<GridFixedType, true>
    @@ -1786,7 +1786,7 @@

    IGridOnExpandHandler

    IGridOnExpandHandler<Data>: (data: { data: Data; event: React.MouseEvent<HTMLSpanElement>; expanded: boolean; index: number }) => any

    Type parameters

    @@ -1837,7 +1837,7 @@

    IGridRowClickHandler

    IGridRowClickHandler<Data>: (data: Data, index: number, event: React.MouseEvent<HTMLTableRowElement>) => any

    Type parameters

    @@ -1880,7 +1880,7 @@

    II18nLocalePop

    II18nLocalePop: II18nLocaleCommon
    @@ -1890,7 +1890,7 @@

    IImageOnUploadSuccessReturn

    IImageOnUploadSuccessReturn: undefined | null | string | { src: string; thumbSrc: string }
    @@ -1900,7 +1900,7 @@

    IImageUploadItemProps

    IImageUploadItemProps: IUploadItemProps<IImageUploadFileItem> & { onPreview: any }
    @@ -1910,7 +1910,7 @@

    IImageUploadPreviewHandler

    IImageUploadPreviewHandler: (file: IImageUploadFileItem, fileList: IImageUploadFileItem[]) => void
    @@ -1944,7 +1944,7 @@

    IIndicator

    IIndicator: FC<IIndicatorProps> & { Step: typeof Step }
    @@ -1954,7 +1954,7 @@

    IIndicatorProps

    IIndicatorProps: Omit<IStepsProps, "type">
    @@ -1964,7 +1964,7 @@

    IInputChangeEvent

    IInputChangeEvent: IInputClearEvent | React.ChangeEvent<HTMLInputElement>
    @@ -1974,7 +1974,7 @@

    IInputProps

    IInputProps: IInputCoreProps | ITextAreaProps
    @@ -1984,7 +1984,7 @@

    IMaybeError

    IMaybeError<T>: IValidateResult<T> | null | undefined

    Type parameters

    @@ -2000,7 +2000,7 @@

    IMenuCascaderProps

    IMenuCascaderProps: IMenuCascaderMultipleProps | IMenuCascaderSingleProps
    @@ -2010,7 +2010,7 @@

    IMenuProps

    IMenuProps: IMenuPopProps | IMenuInlineProps
    @@ -2020,7 +2020,7 @@

    INormalUploadItemProps

    INormalUploadItemProps: IUploadItemProps<IUploadFileItem>
    @@ -2030,7 +2030,7 @@

    INumberInputProps

    INumberInputProps: INumberInputDecimalProps | INumberInputIntegerProps
    @@ -2040,7 +2040,7 @@

    INumberInputState

    INumberInputState: INumberInputIntegerState | INumberInputDecimalState
    @@ -2050,7 +2050,7 @@

    IPopProps

    IPopProps: IPopNoneTriggerProps<any> | IPopClickTriggerProps<any> | IPopHoverTriggerProps<any> | IPopFocusTriggerProps<any>
    @@ -2060,7 +2060,7 @@

    IPopoverHoverTriggerContext

    IPopoverHoverTriggerContext: Required<IHoverTriggerCompatibleProps>
    @@ -2070,7 +2070,7 @@

    IProgressFormatFn

    IProgressFormatFn: (precent: number) => React.ReactNode
    @@ -2101,7 +2101,7 @@

    IProgressStatus

    IProgressStatus: "normal" | "success" | "exception"
    @@ -2111,7 +2111,7 @@

    IProgressType

    IProgressType: "line" | "circle"
    @@ -2121,7 +2121,7 @@

    IPromptProps

    IPromptProps: IAlertProps & { type: PromptType }
    @@ -2131,7 +2131,7 @@

    ISelectProps

    ISelectProps<Key, Item>: ISelectMultiProps<Key, Item> | ISelectSingleProps<Key, Item>

    Type parameters

    @@ -2150,7 +2150,7 @@

    ISelectSize

    ISelectSize: "xs" | "s" | "m" | "l" | "xl"
    @@ -2160,7 +2160,7 @@

    ISingleUploadItemProps

    ISingleUploadItemProps: IUploadItemProps<IUploadFileItem>
    @@ -2170,7 +2170,7 @@

    ISliderProps

    ISliderProps: ISliderSingleProps | ISliderRangeProps
    @@ -2180,7 +2180,7 @@

    ITabOverflowMode

    ITabOverflowMode: "slide" | "anchor"
    @@ -2190,7 +2190,7 @@

    ITabPanelElement

    ITabPanelElement<TabPanelProps>: React.ReactElement<PropsWithChildren<TabPanelProps>>

    Type parameters

    @@ -2206,7 +2206,7 @@

    ITimePickerProps

    ITimePickerProps: ISingleTimePickerProps
    @@ -2216,7 +2216,7 @@

    ITreeSize

    ITreeSize: "medium" | "small" | "large"
    @@ -2226,7 +2226,7 @@

    IUploadFileItemInner

    IUploadFileItemInner<UPLOAD_ITEM>: UPLOAD_ITEM & {}
    @@ -2248,7 +2248,7 @@

    IUploadOnChangeHandler

    IUploadOnChangeHandler<Value, UPLOAD_ITEM>: (value: Value, detail?: IUploadChangeDetail<UPLOAD_ITEM>) => void

    Type parameters

    @@ -2291,7 +2291,7 @@

    IUploadOnErrorHandler

    IUploadOnErrorHandler: <Type>(type: Type, data: IUploadErrorMessageConfigMap[Type]) => void
    @@ -2331,7 +2331,7 @@

    IUploadOnUploadHandler

    IUploadOnUploadHandler<ON_UPLOAD_SUCCESS_RETURN>: (file: File, report: (percent: number) => void) => Promise<ON_UPLOAD_SUCCESS_RETURN>

    Type parameters

    @@ -2389,7 +2389,7 @@

    IUploadTipConfig

    IUploadTipConfig<P>: P & { formattedMaxSize: string | null }

    Type parameters

    @@ -2405,7 +2405,7 @@

    IUploadTipsFunc

    IUploadTipsFunc<PROPS>: (config: IUploadTipConfig<PROPS>) => React.ReactNode

    Type parameters

    @@ -2442,7 +2442,7 @@

    IValidator

    IValidator<T>: IAsyncValidator<T> | ISyncValidator<T>

    Type parameters

    @@ -2458,7 +2458,7 @@

    IValidators

    IValidators<T>: readonly IValidator<T>[]

    Type parameters

    @@ -2474,7 +2474,7 @@

    IValueType

    IValueType: "date" | "number" | "string"
    @@ -2484,7 +2484,7 @@

    IVerticalInnerTab

    IVerticalInnerTab<Id>: IInnerTab<Id> | IVerticalDivide

    Type parameters

    @@ -2500,7 +2500,7 @@

    IVerticalTab

    IVerticalTab<Id>: ITab<Id> | IVerticalDivide

    Type parameters

    @@ -2516,7 +2516,7 @@

    IVerticalTabPanelProps

    IVerticalTabPanelProps<Id>: ITabPanelProps<Id> | IVerticalDivide

    Type parameters

    @@ -2532,7 +2532,7 @@

    IconType

    IconType: "add-page" | "admissions" | "admissions-o" | "approval" | "approval-o" | "arrow-down" | "arrow-up" | "assess" | "assess-o" | "back" | "bell" | "bell-o" | "bookmark" | "bookmark-o" | "brush" | "brush-o" | "business" | "business-manage" | "business-manage-o" | "business-o" | "calendar" | "calendar-o" | "canvas" | "canvas-o" | "capital" | "capital-o" | "care" | "care-o" | "caret-down" | "caret-up" | "casher" | "cashier" | "cashier-desk-o" | "cashier-o" | "channel-o" | "chart" | "chart-o" | "check" | "check-circle" | "check-circle-o" | "checkin" | "checkin-o" | "clock" | "clock-o" | "close" | "close-circle" | "close-circle-o" | "closed-eye" | "contract-o" | "countdown" | "coupon" | "coupon-o" | "course" | "course-o" | "customer" | "customer-manage" | "customer-manage-o" | "customer-o" | "customer-service" | "customer-service-o" | "development-doc" | "development-doc-o" | "distribution-o" | "doc" | "double-last" | "double-next" | "down" | "down-circle" | "down-circle-o" | "download" | "drag" | "edit" | "edit-o" | "educational" | "educational-o" | "error-circle" | "error-circle-o" | "expand-customer" | "expand-customer-o" | "export" | "eye" | "eye-o" | "feedback" | "filter-o" | "finance" | "finance-o" | "flow-o" | "folder-o" | "forbidden-circle" | "fullscreen-exit" | "gift" | "goods" | "goods-o" | "hc-manage" | "hc-manage-o" | "help-circle" | "help-circle-o" | "hotel" | "hotel-o" | "hotline-o" | "hr" | "hr-o" | "im-o" | "info-circle" | "info-circle-o" | "inventory" | "inventory-o" | "jump-out" | "knowledge-o" | "left" | "left-circle" | "left-circle-o" | "link" | "loading" | "lock" | "locked" | "locked-o" | "marketing" | "marketing-o" | "member-o" | "message" | "message-o" | "mini-apps" | "mini-apps-o" | "more" | "nameplate" | "nameplate-o" | "nav-grid" | "nav-line" | "open-folder-o" | "order" | "order-o" | "pending-circle" | "pending-payment-o" | "photo" | "pin" | "pin-o" | "plus" | "plus-circle" | "plus-circle-o" | "present" | "present-o" | "procurement" | "procurement-o" | "purchase" | "purchase-o" | "qa-o" | "qrcode" | "refresh" | "remove" | "remove-o" | "report" | "report-forms" | "report-forms-o" | "report-o" | "reset" | "right" | "right-circle" | "right-circle-o" | "rights-list-o" | "salesman-o" | "save" | "save-o" | "scan-code-o" | "scrm-smile" | "scrm-smile-o" | "search" | "settings" | "settings-o" | "share" | "shop" | "shop-analyze-o" | "shop-decorate" | "shop-o" | "shop-template" | "sign-out" | "smile" | "star" | "star-o" | "strategy-o" | "subtract-circle" | "subtract-circle-o" | "suggestions" | "summary" | "summary-o" | "table-compact" | "table-loose" | "target" | "target-o" | "tendency-o" | "text-guide-o" | "thumbnail" | "ticket" | "ticket-o" | "tools-o" | "unlock" | "unlocked" | "unlocked-o" | "up" | "up-circle" | "up-circle-o" | "upload" | "video" | "video-guide-o" | "video-o" | "visit-o" | "voice" | "wait" | "warning" | "warning-o" | "wechat" | "wechat-o" | "withdraw-cash-o" | "youzan" | "youzan-o"
    @@ -2542,7 +2542,7 @@

    InputType

    InputType: "text" | "number" | "password" | "textarea"
    @@ -2552,7 +2552,7 @@

    InputWidthSizeType

    InputWidthSizeType: "xs" | "s" | "m" | "l" | "xl"
    @@ -2562,7 +2562,7 @@

    LayoutBreakPointName

    LayoutBreakPointName: keyof typeof LayoutBreakPoint
    @@ -2572,7 +2572,7 @@

    LocaleMark

    LocaleMark: "zh-CN" | "en-US" | "ja-JP"
    @@ -2582,7 +2582,7 @@

    PaginationChangeHandler

    PaginationChangeHandler: (detail: { current: number; pageSize: number }) => any
    @@ -2621,7 +2621,7 @@

    PaginationLayoutFunction

    PaginationLayoutFunction: (options: IPaginationLayoutOptions) => PaginationLayout[]
    @@ -2652,7 +2652,7 @@

    PopPositions

    PopPositions: "left-top" | "left-center" | "left-bottom" | "right-top" | "right-center" | "right-bottom" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "auto-bottom-center" | "auto-bottom-left" | "auto-bottom-right" | "auto-top-center" | "auto-top-left" | "auto-top-right"
    @@ -2662,7 +2662,7 @@

    PopoverAnchorGetElementFn

    PopoverAnchorGetElementFn: (node: Element | Text | null) => Element | Text | null
    @@ -2693,7 +2693,7 @@

    PresetColors

    PresetColors: string[]
    @@ -2703,7 +2703,7 @@

    PromptType

    PromptType: "warning" | "strongHint" | "weakHint"
    @@ -2713,7 +2713,7 @@

    RangeDate

    RangeDate: [SingleDate | null, SingleDate | null]
    @@ -2723,7 +2723,7 @@

    RangeTime

    RangeTime: [string, string]
    @@ -2733,7 +2733,7 @@

    SingleDate

    SingleDate: string | number | Date
    @@ -2743,7 +2743,7 @@

    SingleTime

    SingleTime: string
    @@ -2753,7 +2753,7 @@

    StatusBarType

    StatusBarType: "info" | "waiting" | "success" | "error"
    @@ -2763,7 +2763,7 @@

    TabType

    TabType: "normal" | "card" | "button"
    @@ -2773,7 +2773,7 @@

    TextMarkFindChunksFunction

    TextMarkFindChunksFunction: (options: Omit<ITextMarkFindAllParameters, "findChunks">) => ITextMarkChunk[]
    @@ -2804,7 +2804,7 @@

    TextMarkSanitizeFunction

    TextMarkSanitizeFunction: (str: string) => string
    @@ -2835,7 +2835,7 @@

    TextMarkSearchWords

    TextMarkSearchWords: string | RegExp
    @@ -2867,7 +2867,7 @@

    TransferColumnType

    TransferColumnType: ({ name: string; title?: React.ReactNode } & Omit<IGridColumn<ITransferData>, "title" | "name">)[]
    @@ -2877,7 +2877,7 @@

    TransferDirection

    TransferDirection: "left" | "right"
    @@ -2887,7 +2887,7 @@

    TransferType

    TransferType: OneRequired & ITransfer
    @@ -2897,7 +2897,7 @@

    TreeRootIdArray

    TreeRootIdArray: TArray<string | number>
    @@ -2923,7 +2923,7 @@

    Const Affix

    Affix: ForwardRefExoticComponent<IAffixProps & RefAttributes<IAffixImperativeHandlers>> = ...
    @@ -2933,7 +2933,7 @@

    Const Banner

    Banner: FC<IBannerProps> = ...
    @@ -2943,7 +2943,7 @@

    Const ButtonGroup

    ButtonGroup: FC<IButtonGroupProps> = ...
    @@ -2953,7 +2953,7 @@

    Const Carousel

    Carousel: typeof Swiper = ...
    @@ -2963,7 +2963,7 @@

    Const CombinedPanelRang
    CombinedPanelRangePicker: FC<IProps> = ...
    @@ -2973,7 +2973,7 @@

    Const CombinedTimeRange
    CombinedTimeRangePicker: React.FC<ICombinedTimeRangePickerProps> = ...
    @@ -2983,7 +2983,7 @@

    Const DEFAULT_RENDER_KE
    DEFAULT_RENDER_KEY: ITreeRenderKey = ...
    @@ -2993,7 +2993,7 @@

    Const Disabled

    Disabled: React.FC<IDisabledProps> = ...
    @@ -3003,7 +3003,7 @@

    Const DisabledContext

    DisabledContext: Context<IDisabledContext> = ...
    @@ -3013,7 +3013,7 @@

    Const Drawer

    Drawer: React.FC<DrawerProps> = ...
    @@ -3023,7 +3023,7 @@

    Const Dropdown

    Dropdown: React.FC<IDropdownProps> = ...
    @@ -3033,7 +3033,7 @@

    Const DropdownButton

    DropdownButton: React.FC<IDropdownButtonProps> = ...
    @@ -3043,7 +3043,7 @@

    Const DropdownNav

    DropdownNav: React.FC<IDropdownNavProps> = ...
    @@ -3053,7 +3053,7 @@

    Const DropdownPosition

    DropdownPosition: __module = ...
    @@ -3063,7 +3063,7 @@

    Const Elevator

    Elevator: IElevator = ...
    @@ -3073,7 +3073,7 @@

    Const ElevatorAnchor

    ElevatorAnchor: FC<IElevatorAnchorProps> = ...
    @@ -3083,7 +3083,7 @@

    Const ElevatorLinks

    ElevatorLinks: VFC<IElevatorLinksProps> = ...
    @@ -3093,7 +3093,7 @@

    Const FormColorPickerFormColorPickerField: React.FunctionComponent<IFormColorPickerFieldProps> = ...

    @@ -3103,7 +3103,7 @@

    Const FormCombinedTime<
    FormCombinedTimeRangePickerField: React.FC<ICombinedFormTimeRangePickerFieldProps> = ...
    @@ -3113,7 +3113,7 @@

    Const FormContext

    FormContext: Context<IZentFormContext> = ...
    @@ -3123,7 +3123,7 @@

    Const FormControl

    FormControl: ForwardRefExoticComponent<IFormControlProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3133,7 +3133,7 @@

    Const FormDateRangeFormDateRangeQuickPickerField: React.FC<IFormDateRangeQuickPickerFieldProps> = ...

    @@ -3143,7 +3143,7 @@

    Const FormDescription

    FormDescription: React.FunctionComponent<IFormDescriptionProps> = ...
    @@ -3153,7 +3153,7 @@

    Const FormError

    FormError: ForwardRefExoticComponent<IFormErrorProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3163,7 +3163,7 @@

    Const FormInputFieldFormInputField: React.FunctionComponent<IFormInputFieldProps> = ...

    @@ -3173,7 +3173,7 @@

    Const FormNotice

    FormNotice: React.FC<IFormNoticeProps> = ...
    @@ -3183,7 +3183,7 @@

    Const FormSwitchFieldFormSwitchField: React.FunctionComponent<IFormSwitchFieldProps> = ...

    @@ -3193,7 +3193,7 @@

    Const FormTimePickerFormTimePickerField: React.FunctionComponent<IFormTimePickerField> = ...

    @@ -3203,7 +3203,7 @@

    Const FormTimeRangeFormTimeRangePickerField: React.FunctionComponent<IFormTimeRangePickerFieldProps> = ...

    @@ -3213,7 +3213,7 @@

    Const GridColumnProvide
    GridColumnProvider: Provider<Partial<IGridColumn<any>>> = ...
    @@ -3223,7 +3223,7 @@

    Const IMEComposition

    IMEComposition: React.FC<IIMECompositionProps> = ...
    @@ -3233,7 +3233,7 @@

    Const Icon

    Icon: ForwardRefExoticComponent<IIconProps & RefAttributes<HTMLElement>> = ...
    @@ -3243,7 +3243,7 @@

    Const Indicator

    Indicator: IIndicator = ...
    @@ -3253,7 +3253,7 @@

    Const InfiniteScroller

    InfiniteScroller: ForwardRefExoticComponent<IInfiniteScrollerProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3263,7 +3263,7 @@

    Const Label

    Label: React.FunctionComponent<ILabelProps> = ...
    @@ -3273,7 +3273,7 @@

    Const LayoutConfigProvi
    LayoutConfigProvider: Provider<ILayoutConfig> = ...
    @@ -3283,7 +3283,7 @@

    Const Link

    Link: ForwardRefExoticComponent<ILinkProps & RefAttributes<HTMLAnchorElement>> = ...
    @@ -3293,7 +3293,7 @@

    Const LinkTag

    LinkTag: ForwardRefExoticComponent<ILinkTagProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3303,7 +3303,7 @@

    Const Notify

    Notify: { clear: (containerId: any) => void; config: (options: any) => void; error: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number; info: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number; success: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number; warn: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number } = ...
    @@ -3540,7 +3540,7 @@

    Const Password

    Password: { displayName: string } = ...
    @@ -3574,7 +3574,7 @@

    Const Placeholder

    Placeholder: { Circle: typeof default; Rectangle: typeof default; RichTextBlock: typeof default; TextBlock: typeof default; TextRow: typeof default; TextRowDashed: typeof default } = ...
    @@ -3607,7 +3607,7 @@

    Const PopoverHoverTrigg
    PopoverHoverTriggerContext: Context<Required<IHoverTriggerCompatibleProps>> = ...
    @@ -3617,7 +3617,7 @@

    Const Portal

    Portal: ForwardRefExoticComponent<IPortalProps & RefAttributes<IPortalImperativeHandlers>> = ...
    @@ -3627,7 +3627,7 @@

    Const Progress

    Progress: React.FC<IProgressProps> = ...
    @@ -3637,7 +3637,7 @@

    Const Prompt

    Prompt: FC<IPromptProps> = ...
    @@ -3647,7 +3647,7 @@

    Const SelectTag

    SelectTag: ForwardRefExoticComponent<ISelectTagProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3657,7 +3657,7 @@

    Const SingleCalendarDat
    SingleCalendarDatePanelPicker: React.FC<IDatePickerPanelProps> = ...
    @@ -3667,7 +3667,7 @@

    Const StatusBar

    StatusBar: FC<IStatusBarProps> = ...
    @@ -3677,7 +3677,7 @@

    Sweetalert

    Sweetalert: { alert: (config?: IAlertOption) => any; confirm: (config?: IConfirmOption) => any; info: (config?: IAlertOption) => any }
    @@ -3755,7 +3755,7 @@

    Const Tag

    Tag: ForwardRefExoticComponent<ITagProps & RefAttributes<HTMLDivElement>> = ...
    @@ -3765,7 +3765,7 @@

    Const TimePicker

    TimePicker: React.FC<ITimePickerProps> = ...
    @@ -3775,7 +3775,7 @@

    Const TimeRangePickerTimeRangePicker: React.FC<ITimeRangePickerProps> = ...

    @@ -3785,7 +3785,7 @@

    Const Transfer

    Transfer: React.FC<TransferType> = ...
    @@ -3795,7 +3795,7 @@

    Const WindowResizeHandl
    WindowResizeHandler: React.FC<IWindowResizeHandlerProps> = ...
    @@ -3812,7 +3812,7 @@

    Const WindowScrollHandl
    WindowScrollHandler: React.FC<IWindowScrollHandler> = ...
    @@ -3831,7 +3831,7 @@

    Const targetMap

    targetMap: WeakMap<EventTarget, TargetEventHandlers<string>> = ...
    @@ -3848,7 +3848,7 @@

    BlockLoading

  • Parameters

    @@ -3871,7 +3871,7 @@

    ButtonDirective

  • Type parameters

    @@ -3900,7 +3900,7 @@

    Checkbox

  • Type parameters

    @@ -3929,7 +3929,7 @@

    Const CombinedDateRange

  • Type parameters

    @@ -3958,7 +3958,7 @@

    Const DatePicker

  • Type parameters

    @@ -3987,7 +3987,7 @@

    Const DateRangePicker

    Type parameters

    @@ -4016,7 +4016,7 @@

    Const DropdownClickTrig

  • Type parameters

    @@ -4045,7 +4045,7 @@

    Const DropdownContent

  • Parameters

    @@ -4068,7 +4068,7 @@

    Const DropdownHoverTrig

  • Type parameters

    @@ -4097,7 +4097,7 @@

    Const EventHandler

  • Type parameters

    @@ -4132,7 +4132,7 @@

    FieldSet

  • Type parameters

    @@ -4161,7 +4161,7 @@

    FormCheckboxField

  • Type parameters

    @@ -4190,7 +4190,7 @@

    FormCheckboxGroupField

  • Type parameters

    @@ -4219,7 +4219,7 @@

    Const FormCombinedDate<

  • Type parameters

    @@ -4248,7 +4248,7 @@

    Const FormDatePicker

    Type parameters

    @@ -4277,7 +4277,7 @@

    Const FormDateRange

    Type parameters

    @@ -4306,7 +4306,7 @@

    FormField

  • Type parameters

    @@ -4335,7 +4335,7 @@

    FormImageUploadField

  • Type parameters

    @@ -4364,7 +4364,7 @@

    Const FormMonthPicker

    Type parameters

    @@ -4393,7 +4393,7 @@

    FormNumberInputField

  • Type parameters

    @@ -4422,7 +4422,7 @@

    Const FormQuarterPicker

  • Type parameters

    @@ -4451,7 +4451,7 @@

    FormRadioGroupField

  • Type parameters

    @@ -4480,7 +4480,7 @@

    FormSelectField

  • Type parameters

    @@ -4512,7 +4512,7 @@

    FormSingleUploadField

  • Type parameters

    @@ -4541,7 +4541,7 @@

    FormUploadField

  • Type parameters

    @@ -4570,7 +4570,7 @@

    Const FormWeekPicker

    Type parameters

    @@ -4599,7 +4599,7 @@

    Const FormYearPicker

    Type parameters

    @@ -4628,7 +4628,7 @@

    FullScreenLoading

  • Parameters

    @@ -4651,7 +4651,7 @@

    InlineLoading

  • Parameters

    @@ -4674,7 +4674,7 @@

    Const MonthPicker

  • Type parameters

    @@ -4703,7 +4703,7 @@

    Notice

  • Parameters

    @@ -4726,7 +4726,7 @@

    PopoverClickTrigger

  • Type parameters

    @@ -4755,7 +4755,7 @@

    PopoverFocusTrigger

  • Type parameters

    @@ -4784,7 +4784,7 @@

    PopoverHoverTrigger

  • @@ -4820,7 +4820,7 @@

    Const QuarterPicker

  • Type parameters

    @@ -4849,7 +4849,7 @@

    Radio

  • Type parameters

    @@ -4878,7 +4878,7 @@

    RadioButton

  • Type parameters

    @@ -4907,7 +4907,7 @@

    RadioGroup

  • Type parameters

    @@ -4936,7 +4936,7 @@

    TextMark

  • @@ -4965,7 +4965,7 @@

    Const WeekPicker

  • Type parameters

    @@ -4994,7 +4994,7 @@

    WindowEventHandler

  • Type parameters

    @@ -5023,7 +5023,7 @@

    Const YearPicker

  • Type parameters

    @@ -5052,7 +5052,7 @@

    addEventListener

  • Type parameters

    @@ -5102,7 +5102,7 @@

    alert

  • Parameters

    @@ -5125,7 +5125,7 @@

    caselessMatchFilterOption

  • Parameters

    @@ -5151,7 +5151,7 @@

    closeDialog

  • Parameters

    @@ -5177,7 +5177,7 @@

    confirm

  • Parameters

    @@ -5200,7 +5200,7 @@

    createUseIMEComposition

  • Parameters

    @@ -5256,7 +5256,7 @@

    defaultGetValidateOption

  • Returns ValidateOption

    @@ -5273,7 +5273,7 @@

    Const getDecimal

  • Parameters

    @@ -5296,7 +5296,7 @@

    getRadioState

  • Type parameters

    @@ -5342,7 +5342,7 @@

    Const info

  • Parameters

    @@ -5365,7 +5365,7 @@

    isViewDrivenProps

  • Type parameters

    @@ -5394,7 +5394,7 @@

    openDialog

  • Parameters

    @@ -5435,7 +5435,7 @@

    previewImage

  • Parameters

    @@ -5458,7 +5458,7 @@

    smoothScroll

  • @@ -5512,7 +5512,7 @@

    useEventHandler

  • Type parameters

    @@ -5574,7 +5574,7 @@

    useFormChild

  • @@ -5617,7 +5617,7 @@

    useInitialValue

  • @@ -5656,7 +5656,7 @@

    useObservableBatchedEagerState

  • @@ -5698,7 +5698,7 @@

    usePopoverContext

  • Returns IPopoverContext

    @@ -5715,7 +5715,7 @@

    useRadioHandler

  • Type parameters

    @@ -5765,7 +5765,7 @@

    useTransfer

  • Parameters

    @@ -5788,7 +5788,7 @@

    useWindowEventHandler

  • Type parameters

    @@ -5841,7 +5841,7 @@

    withErrorBoundary

  • Type parameters

    diff --git a/apidoc/modules/FieldUtils.html b/apidoc/modules/FieldUtils.html index 95eda0b30..e11a1285e 100644 --- a/apidoc/modules/FieldUtils.html +++ b/apidoc/modules/FieldUtils.html @@ -106,7 +106,7 @@

    Func

    Func<Args, R>: (...args: Args) => R

    Type parameters

    @@ -146,7 +146,7 @@

    Middleware

    Middleware<F>: (next: F) => F

    Type parameters

    @@ -190,7 +190,7 @@

    compose

  • @@ -263,7 +263,7 @@

    Const makeChangeHandler
  • @@ -341,7 +341,7 @@

    multi

  • Type parameters

    @@ -391,7 +391,7 @@

    useChangeHandler

  • @@ -486,7 +486,7 @@

    useCompositionHandler

  • @@ -533,7 +533,7 @@

    useMAppend

  • @@ -601,7 +601,7 @@

    useMulti

  • Type parameters

    @@ -684,7 +684,7 @@

    Returns void

    Type parameters

    @@ -788,7 +788,7 @@

    Returns void

    Type parameters

    @@ -913,7 +913,7 @@

    Returns void

    Type parameters

    @@ -1059,7 +1059,7 @@

    Returns void

    Type parameters

    @@ -1226,7 +1226,7 @@

    Returns void

    Type parameters

    @@ -1414,7 +1414,7 @@

    Returns void

    Type parameters

    @@ -1638,7 +1638,7 @@

    usePipe

  • @@ -1744,7 +1744,7 @@

    Returns T2

  • Type parameters

    @@ -1854,7 +1854,7 @@

    Returns T3

  • Type parameters

    @@ -1988,7 +1988,7 @@

    Returns T4

  • Type parameters

    @@ -2146,7 +2146,7 @@

    Returns T5

  • Type parameters

    @@ -2328,7 +2328,7 @@

    Returns T6

  • Type parameters

    @@ -2534,7 +2534,7 @@

    Returns T7

  • Type parameters

    diff --git a/apidoc/modules/Notice.html b/apidoc/modules/Notice.html index d0172055e..e02d50011 100644 --- a/apidoc/modules/Notice.html +++ b/apidoc/modules/Notice.html @@ -127,7 +127,7 @@

    push

  • Parameters

    diff --git a/apidoc/modules/ValidatorMiddlewares.html b/apidoc/modules/ValidatorMiddlewares.html index 3e98ba0fd..5adc7a494 100644 --- a/apidoc/modules/ValidatorMiddlewares.html +++ b/apidoc/modules/ValidatorMiddlewares.html @@ -92,7 +92,7 @@

    message

  • @@ -164,7 +164,7 @@

    when

  • @@ -236,7 +236,7 @@

    whenAsync

  • diff --git a/apidoc/modules/Validators.html b/apidoc/modules/Validators.html index 9bad507f8..9a4763c77 100644 --- a/apidoc/modules/Validators.html +++ b/apidoc/modules/Validators.html @@ -107,7 +107,7 @@

    Const SYMBOL_REQUIRED

    SYMBOL_REQUIRED: typeof SYMBOL_REQUIRED = ...
    @@ -124,7 +124,7 @@

    email

  • @@ -155,7 +155,7 @@

    isRequiredValidator

  • Type parameters

    @@ -184,7 +184,7 @@

    markForRequired

  • Type parameters

    @@ -213,7 +213,7 @@

    max

  • @@ -268,7 +268,7 @@

    maxLength

  • @@ -311,7 +311,7 @@

    min

  • @@ -366,7 +366,7 @@

    minLength

  • @@ -409,7 +409,7 @@

    pattern

  • @@ -446,7 +446,7 @@

    required

  • @@ -477,7 +477,7 @@

    requiredTrue

  • diff --git a/apidoc/modules/enUSLocale.html b/apidoc/modules/enUSLocale.html index 16da1315e..e1fcdadd8 100644 --- a/apidoc/modules/enUSLocale.html +++ b/apidoc/modules/enUSLocale.html @@ -107,7 +107,7 @@

    Const Cascader

    Cascader: II18nLocaleCascader = ...
    @@ -117,7 +117,7 @@

    Const CopyButton

    CopyButton: II18nLocaleCopyButton = ...
    @@ -127,7 +127,7 @@

    Const Form

    Form: II18nLocaleForm = ...
    @@ -137,7 +137,7 @@

    Const Grid

    Grid: II18nLocaleGrid = ...
    @@ -147,7 +147,7 @@

    Const Mention

    Mention: II18nLocaleMention = ...
    @@ -157,7 +157,7 @@

    Const NumberInput

    NumberInput: II18nLocaleNumberInput = ...
    @@ -167,7 +167,7 @@

    Const Pagination

    Pagination: II18nLocalePagination = ...
    @@ -177,7 +177,7 @@

    Const Pop

    Pop: II18nLocalePop = ...
    @@ -187,7 +187,7 @@

    Const PreviewImage

    PreviewImage: II18nLocalePreviewImage = ...
    @@ -197,7 +197,7 @@

    Const RangePicker

    RangePicker: II18nLocaleRangePicker = ...
    @@ -207,7 +207,7 @@

    Const Select

    Select: II18nLocaleSelect = ...
    @@ -217,7 +217,7 @@

    Const Sweetalert

    Sweetalert: II18nLocaleSweetalert = ...
    @@ -227,7 +227,7 @@

    Const Switch

    Switch: II18nLocaleSwitch = ...
    @@ -237,7 +237,7 @@

    Const Transfer

    Transfer: II18nLocaleTransfer = ...
    @@ -247,7 +247,7 @@

    Const Upload

    Upload: II18nLocaleUpload = ...
    @@ -257,7 +257,7 @@

    Const mark

    mark: LocaleMark = 'en-US'
    @@ -274,7 +274,7 @@

    Const TimePicker

  • Returns II18nLocaleTimePicker

    diff --git a/apidoc/modules/jaJPLocale.html b/apidoc/modules/jaJPLocale.html index 94d713c1b..d6905cb54 100644 --- a/apidoc/modules/jaJPLocale.html +++ b/apidoc/modules/jaJPLocale.html @@ -107,7 +107,7 @@

    Const Cascader

    Cascader: II18nLocaleCascader = ...
    @@ -117,7 +117,7 @@

    Const CopyButton

    CopyButton: II18nLocaleCopyButton = ...
    @@ -127,7 +127,7 @@

    Const Form

    Form: II18nLocaleForm = ...
    @@ -137,7 +137,7 @@

    Const Grid

    Grid: II18nLocaleGrid = ...
    @@ -147,7 +147,7 @@

    Const Mention

    Mention: II18nLocaleMention = ...
    @@ -157,7 +157,7 @@

    Const NumberInput

    NumberInput: II18nLocaleNumberInput = ...
    @@ -167,7 +167,7 @@

    Const Pagination

    Pagination: II18nLocalePagination = ...
    @@ -177,7 +177,7 @@

    Const Pop

    Pop: II18nLocalePop = ...
    @@ -187,7 +187,7 @@

    Const PreviewImage

    PreviewImage: II18nLocalePreviewImage = ...
    @@ -197,7 +197,7 @@

    Const RangePicker

    RangePicker: II18nLocaleRangePicker = ...
    @@ -207,7 +207,7 @@

    Const Select

    Select: II18nLocaleSelect = ...
    @@ -217,7 +217,7 @@

    Const Sweetalert

    Sweetalert: II18nLocaleSweetalert = ...
    @@ -227,7 +227,7 @@

    Const Switch

    Switch: II18nLocaleSwitch = ...
    @@ -237,7 +237,7 @@

    Const Transfer

    Transfer: II18nLocaleTransfer = ...
    @@ -247,7 +247,7 @@

    Const Upload

    Upload: II18nLocaleUpload = ...
    @@ -257,7 +257,7 @@

    Const mark

    mark: LocaleMark = 'ja-JP'
    @@ -274,7 +274,7 @@

    Const TimePicker

  • Returns II18nLocaleTimePicker

    diff --git a/apidoc/modules/zhCNLocale.html b/apidoc/modules/zhCNLocale.html index af4b4f459..4a2f5f75f 100644 --- a/apidoc/modules/zhCNLocale.html +++ b/apidoc/modules/zhCNLocale.html @@ -107,7 +107,7 @@

    Const Cascader

    Cascader: II18nLocaleCascader = ...
    @@ -117,7 +117,7 @@

    Const CopyButton

    CopyButton: II18nLocaleCopyButton = ...
    @@ -127,7 +127,7 @@

    Const Form

    Form: II18nLocaleForm = ...
    @@ -137,7 +137,7 @@

    Const Grid

    Grid: II18nLocaleGrid = ...
    @@ -147,7 +147,7 @@

    Const Mention

    Mention: II18nLocaleMention = ...
    @@ -157,7 +157,7 @@

    Const NumberInput

    NumberInput: II18nLocaleNumberInput = ...
    @@ -167,7 +167,7 @@

    Const Pagination

    Pagination: II18nLocalePagination = ...
    @@ -177,7 +177,7 @@

    Const Pop

    Pop: II18nLocalePop = ...
    @@ -187,7 +187,7 @@

    Const PreviewImage

    PreviewImage: II18nLocalePreviewImage = ...
    @@ -197,7 +197,7 @@

    Const RangePicker

    RangePicker: II18nLocaleRangePicker = ...
    @@ -207,7 +207,7 @@

    Const Select

    Select: II18nLocaleSelect = ...
    @@ -217,7 +217,7 @@

    Const Sweetalert

    Sweetalert: II18nLocaleSweetalert = ...
    @@ -227,7 +227,7 @@

    Const Switch

    Switch: II18nLocaleSwitch = ...
    @@ -237,7 +237,7 @@

    Const Transfer

    Transfer: II18nLocaleTransfer = ...
    @@ -247,7 +247,7 @@

    Const Upload

    Upload: II18nLocaleUpload = ...
    @@ -257,7 +257,7 @@

    Const mark

    mark: LocaleMark = 'zh-CN'
    @@ -274,7 +274,7 @@

    Const TimePicker

  • Returns II18nLocaleTimePicker

    diff --git a/docs-13a5f3693ec2f69f1c99.js b/docs-b814c20e63d5f6b41b4d.js similarity index 68% rename from docs-13a5f3693ec2f69f1c99.js rename to docs-b814c20e63d5f6b41b4d.js index 102c85189..35d9697ad 100644 --- a/docs-13a5f3693ec2f69f1c99.js +++ b/docs-b814c20e63d5f6b41b4d.js @@ -1 +1 @@ -(()=>{"use strict";var e,t,n,o,r,i={18369:(e,t,n)=>{var o={};n.r(o),n.d(o,{Cascader:()=>k,CopyButton:()=>m,Form:()=>E,Grid:()=>j,Mention:()=>R,NumberInput:()=>T,Pagination:()=>b,Pop:()=>g,PreviewImage:()=>y,RangePicker:()=>x,Select:()=>w,Sweetalert:()=>C,Switch:()=>P,TimePicker:()=>S,Transfer:()=>O,Upload:()=>N,mark:()=>v});var r,i=n(24246),a=(n(75377),n(31542)),l=n(27378),s=n(4289),c=n(69635),u=n(49744),d=n(74566).Z.Provider,p=n(59312),h=n(24654),f={confirm:"Confirm",cancel:"Cancel",comma:", ",ok:"OK",reset:"Reset"},v="en-US",m={copy:"Copy",success:"Copied",error:"Copy failed"},b={jumpTo:function(e){var t=e.input;return(0,i.jsxs)(i.Fragment,{children:["Goto page ",t]},void 0)},pageStats:function(e){var t=e.total,n=e.Text,o=e.select;return(0,i.jsxs)(i.Fragment,{children:["Total ",(0,i.jsx)(n,(0,p.pi)({type:"middle"},{children:t}),void 0)," items, ",o,(0,i.jsx)(n,(0,p.pi)({type:"right"},{children:"per page"}),void 0)]},void 0)},pageStatsStatic:function(e){var t=e.total,n=e.pageSize,o=e.Text;return(0,i.jsxs)(i.Fragment,{children:["Total ",(0,i.jsx)(o,(0,p.pi)({type:"middle"},{children:t}),void 0)," items,",(0,i.jsx)(o,(0,p.pi)({type:"middle"},{children:n}),void 0)," items per page"]},void 0)},selectWidth:100,items:" items"},g=(0,p.pi)({},f),y={alt:"Image download failed",prev:"Previous",next:"Next",rotate:"Rotate"},x={7:"7 days",30:"30 days"},w={input:"Please choose...",empty:"Not Found",tagSeparator:", ",create:"+Create: "},C=(0,p.pi)((0,p.pi)({},f),{title:"Alert"}),P={checked:"On",unchecked:"Off"},j=(0,p.pi)((0,p.pi)({},f),{emptyLabel:"No data"}),k=(0,p.pi)((0,p.pi)({},f),{title:"Title",placeholder:"Please select",searchPlaceholder:"Please select or search",searchEmpty:"No result",empty:"Empty",loading:"loading…"}),z=["1st Quarter","2nd Quarter","3rd Quarter","4th Quarter"],S=function(){return(0,h.i_)(h._z),(0,p.pi)((0,p.pi)({},f),{time:"Please select a time",date:"Please select a date",week:"Please select a week",month:"Please select a month",quarter:"Please select a quarter",year:"Please select a year",range:"Please select a range",timeErrorPop:"Selected time is unavailable",dateErrorPop:"Selected date is unavailable",start:"Start date",end:"End date",startTime:"Start time",endTime:"End time",to:"to",current:{time:"Now",date:"Today",week:"This week",month:"This month",year:"This year"},panel:{hour:"",minute:"",second:"",year:"",hourSelect:"Choose hours",minuteSelect:"Choose minutes",secondSelect:"Choose seconds",titleFormat:"MMMM YYYY",quarterNames:z,yearQuarterName:function(e){var t=e.year,n=e.quarter;return z[n]+" of "+t},dayNames:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}})},N=(0,p.pi)((0,p.pi)({},f),{delete:"Delete",retry:"Retry",failed:"Failed",limit:"Maximum number of files has been reached",add:"Add File",uploading:"File uploading"}),R={noContent:"No result found, press SPACE to finish typing"},O={placeholder:"Please Enter",item:"item",items:"items",emptyLabel:"No Data"},E={required:"required"},T={min:"the minimum value cannot be less than",max:"the maximum value cannot be greater than"},M=(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),L=function(){return(L=Object.assign||function(e){for(var t,n=1,o=arguments.length;nl;(s||a-i0){var n=t.state.activeIndex;n<0&&(n=0),t.redirectToResult(e[n])}}),0);if("ArrowDown"===n||"ArrowUp"===n)if(t.state.resultVisible){var o=t.state.activeIndex;if(o===ee&&(o=-1),"ArrowDown"===n)o++;else{if("ArrowUp"!==n)return;o--}var r=t.state.matches.length-1;o<0?o=r:o>r&&(o=0),t.setState({activeIndex:o,resultVisible:!0})}else t.setState({activeIndex:0,resultVisible:!0})},t.onResultVisibleChange=function(e){t.setState({resultVisible:e})},t.onInputClick=function(){t.search(t.state.keyword)},t.clearActiveIndex=function(){t.setState({activeIndex:ee})},t.buildLUT=(0,X.Z)((function(e){var t=e[1].groups.reduce((function(e,t){return t.list.reduce((function(e,t){return e.push(t),e}),e)}),[]);return t.sort((function(e,t){return e.title>t.title?1:e.title===t.title?0:-1})),le(t)})),t.redirectToResult=function(e){var n=e.path,o=t.props,r=o.history,i=o.locale.split("-")[0];r.replace("/"+i+"/"+n),t.onResultVisibleChange(!1)},t}return se(t,e),t.prototype.render=function(){var e=this.state,t=e.keyword,n=e.matches,o=e.activeIndex,r=e.resultVisible,a=this.props.locale;return(0,i.jsx)("div",ce({className:"zandoc-react-search-box-popover-wrapper"},{children:(0,i.jsxs)(Y.J,ce({position:Y.J.Position.BottomLeft,visible:r,cushion:5,onVisibleChange:this.onResultVisibleChange},{children:[(0,i.jsx)(Y.J.Trigger.Click,{children:(0,i.jsx)(K.I,{className:"zandoc-react-search-box-input",icon:"search",placeholder:ue[a].placeholder,value:t,onChange:this.onKeywordChange,onClick:this.onInputClick,onKeyDown:this.onKeydown},void 0)},void 0),(0,i.jsx)(Y.J.Content,{children:(0,i.jsx)(re,{matches:n,activeIndex:o,locale:a,redirectToResult:this.redirectToResult,clearActiveIndex:this.clearActiveIndex},void 0)},void 0)]}),void 0)}),void 0)},t.prototype.search=function(e){var t=this.buildLUT(this.props.navData);if(t){var n=t.search(e);this.setState({keyword:e,resultVisible:!0,matches:n,activeIndex:0})}},t}(l.Component),pe=(0,c.EN)(de),he=n(23476),fe=n(93531),ve=n(70387),me=n(61853),be=function(){return(be=Object.assign||function(e){for(var t,n=1,o=arguments.length;n{n.d(t,{z:()=>f,Z:()=>v});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=function(e){var t=e.className,n=(0,o._T)(e,["className"]);return(0,r.jsx)("div",(0,o.pi)({className:l()("zent-btn-group",t)},n,{"data-zv":"10.0.10"}),void 0)},c=n(19185),u=n(27036),d=n(1348),p=n(673);function h(e){var t,n=(0,i.useContext)(d.d),a=(0,i.useContext)(p.$L),s=e.outline,h=e.type,f=void 0===h?"default":h,v=e.size,m=void 0===v?"medium":v,b=e.block,g=e.loading,y=e.disabled,x=void 0===y?n.value:y,w=e.bordered,C=void 0===w||w,P=e.icon,j=e.children,k=e.onMouseEnter,z=e.onMouseLeave;if(!(0,c.isElement)(j)||(0,c.isFragment)(j))throw new Error("Button Directive child must be a non fragment element, string | number | boolean | null is not accepted");var S=(0,i.useRef)(x);S.current=x;var N=(0,i.useRef)(e);N.current=e;var R=j,O=(0,i.useCallback)((function(e){var t=N.current,n=t.loading,o=t.children.props.onClick,r=S.current;n||r?e.preventDefault():null==o||o(e)}),[]),E=P?(0,r.jsx)(u.Z,{type:P},void 0):null,T="text"!==f&&"icon"!==f&&s,M=l()(((t={})["zent-btn-"+f+(T?"-outline":"")]="default"!==f,t["zent-btn-"+m]="medium"!==m,t["zent-btn-block"]=b,t["zent-btn-loading"]=g,t["zent-btn-disabled"]=x,t["zent-btn-border-transparent"]=!C,t),"zent-btn",R.props.className);return function(e,t){var n=t.onMouseEnter,i=t.onMouseLeave;return t.fixMouseEventsOnDisabledChildren?(0,r.jsx)("span",(0,o.pi)({className:"zent-btn-disabled-wrapper",onMouseEnter:n,onMouseLeave:i,"data-zv":"10.0.10"},{children:e}),void 0):e}(i.cloneElement.apply(void 0,(0,o.ev)([j,{className:M,disabled:!(!x&&!g),onClick:O,"data-zv":"10.0.10"},E],i.Children.map(R.props.children,(function(e){return"string"==typeof e?(0,r.jsx)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:e}),void 0):e}))||[])),{fixMouseEventsOnDisabledChildren:a.fixMouseEventsOnDisabledChildren,onMouseEnter:k,onMouseLeave:z})}var f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.href,n=e.target,i=e.htmlType,a=e.type,l=e.size,s=e.block,c=e.disabled,u=e.loading,d=e.outline,p=e.bordered,f=e.icon,v=e.children,m=e.download,b=(0,o._T)(e,["href","target","htmlType","type","size","block","disabled","loading","outline","bordered","icon","children","download"]);return(0,r.jsx)(h,(0,o.pi)({type:a,size:l,block:s,disabled:c,loading:u,outline:d,bordered:p,icon:f,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},{children:t||n?(0,r.jsx)("a",(0,o.pi)({href:c?void 0:t||"",target:n,download:m},b,{"data-zv":"10.0.10"},{children:v}),void 0):(0,r.jsx)("button",(0,o.pi)({type:i},b,{"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)},t.defaultProps={type:"default",size:"medium",htmlType:"button",bordered:!0},t.Group=s,t.Directive=h,t.contextType=p.$L,t}(i.Component),v=f},90347:(e,t,n)=>{var o=n(3454);t.ZP=o.Z},93531:(e,t,n)=>{n.d(t,{z:()=>ee,Z:()=>te});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=Object.prototype.toString,c=function(e){void 0===e&&(e=[]);var t=[];return e.forEach((function(e){var n;Array.isArray(e)?t=t.concat(c(e)):(n=e,"[object Object]"===s.call(n)?Object.keys(e).forEach((function(n){var o=e[n];!0===o&&t.push(n),t.push(n+"-"+o)})):"string"==typeof e&&t.push(e))})),t},u=c,d=function(e,t){void 0===t&&(t=[]);var n=(0,o.pi)({},e.default);return t.map((function(t){var r=e[t];return r&&Object.keys(r).forEach((function(e){n[e]||(n[e]={}),n[e]=(0,o.pi)((0,o.pi)({},n[e]),r[e])})),t})),n},p={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}}},h=function(e){var t={};return Object.keys(e).forEach((function(n){var r=e[n],i={};Object.keys(r).forEach((function(e){var t=r[e],n=p[e];n?i=(0,o.pi)((0,o.pi)({},i),n(t)):i[e]=t})),t[n]=i})),t},f=function(e){for(var t=[],n=1;nr?s=r:c<0?c=0:c>i&&(c=i);var u=100*s/r,d=-100*c/i+100;return{h:n.hsl.h,s:u,v:d,a:n.hsl.a,source:"rgb"}}var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=(0,m.$j)((function(e,n){t.props.onChange(b(e,n,t.props,t.containerRef.current),e)})),t.handleTouch=function(e){e.persist(),t.handleChange(e)},t.handleMouseDown=function(e){e.persist(),t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners(),this.handleChange.cancel()},t.prototype.unbindEventListeners=function(){this.eventCancelList.forEach((function(e){return e()})),this.eventCancelList=[]},t.prototype.render=function(){var e=this.props.style||{},t=e.color,n=e.white,i=e.black,a=e.pointer,l=e.circle,s=f({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #fff, rgba(255,255,255,0))"},black:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to top, #000, rgba(0,0,0,0))",boxShadow:this.props.shadow},pointer:{position:"absolute",top:-100*this.props.hsv.v+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:t,white:n,black:i,pointer:a,circle:l}},{custom:!!this.props.style});return(0,r.jsx)("div",(0,o.pi)({style:s.color,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleTouch,onTouchStart:this.handleTouch,"data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({style:s.white,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",{style:s.black,"data-zv":"10.0.10"},void 0),(0,r.jsx)("div",(0,o.pi)({style:s.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:s.circle,"data-zv":"10.0.10"},void 0)}),void 0)]}),void 0)}),void 0)},t}(i.Component);function y(e,t,n,o){!t&&e.preventDefault();var r=o.clientWidth,i=o.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(o.getBoundingClientRect().left+window.pageXOffset),c=l-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===n.direction){var u=void 0;if(u=c<0?359:c>i?0:360*(-100*c/i+100)/100,n.hsl.h!==u)return{h:u,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else if(u=void 0,u=s<0?0:s>r?359:100*s/r*360/100,n.hsl.h!==u)return{h:u,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"};return null}var x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=(0,m.$j)((function(e,n){var o=y(e,n,t.props,t.containerRef.current);o&&t.props.onChange(o,e)})),t.handleTouch=function(e){e.persist(),t.handleChange(e)},t.handleMouseDown=function(e){e.persist(),t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.unbindEventListeners=function(){this.eventCancelList.forEach((function(e){return e()})),this.eventCancelList=[]},t.prototype.render=function(){var e=f({default:{hue:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{margin:"0 2px",position:"relative",height:"100%"},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{hue:{background:"linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},pointer:{left:"0px",top:-100*this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===this.props.direction});return(0,r.jsx)("div",(0,o.pi)({style:e.hue,className:"hue-area","data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({className:"hue-bar",style:e.container,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleTouch,onTouchStart:this.handleTouch,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({style:e.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:e.slider,"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)}),void 0)},t}(i.Component);function w(e,t,n,o){!t&&e.preventDefault();var r=o.clientWidth,i=o.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(o.getBoundingClientRect().left+window.pageXOffset),c=l-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===n.direction){var u=void 0;if(u=c<0?0:c>i?1:Math.round(100*c/i)/100,n.hsl.a!==u)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"}}else if(u=void 0,u=s<0?0:s>r?1:Math.round(100*s/r)/100,n.a!==u)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"};return null}var C=n(14805),P={};function j(e,t,n,o){var r=e+"-"+t+"-"+n+(o?"-server":""),i=function(e,t,n,o){if("undefined"==typeof document&&!o)return null;var r=o?new o:(0,C.Z)("canvas");r.width=2*n,r.height=2*n;var i=r.getContext("2d");return i?(i.fillStyle=e,i.fillRect(0,0,r.width,r.height),i.fillStyle=t,i.fillRect(0,0,n,n),i.translate(n,n),i.fillRect(0,0,n,n),r.toDataURL()):null}(e,t,n,o);return P[r]?P[r]:(P[r]=i,i)}var k=function(e){var t=e.white,n=e.grey,o=e.size,i=e.renderers,a=f({default:{grid:{absolute:"0px 0px 0px 0px",background:"url("+j(t,n,o,i.canvas)+") center left"}}});return(0,r.jsx)("div",{style:a.grid,"data-zv":"10.0.10"},void 0)};k.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var z=k,S=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=function(e,n){var o=w(e,n,t.props,t.containerRef.current);o&&t.props.onChange(o,e)},t.handleMouseDown=function(e){t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t.unbindEventListeners=function(){t.eventCancelList.forEach((function(e){return e()})),t.eventCancelList=[]},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.render=function(){var e=this.props.rgb,t=f({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden"},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:100*e.a+"%"}},overwrite:(0,o.pi)({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return(0,r.jsxs)("div",(0,o.pi)({style:t.alpha,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:t.checkboard,"data-zv":"10.0.10"},{children:(0,r.jsx)(z,{renderers:this.props.renderers},void 0)}),void 0),(0,r.jsx)("div",{style:t.gradient,"data-zv":"10.0.10"},void 0),(0,r.jsx)("div",(0,o.pi)({className:"alpha-bar",style:t.container,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({style:t.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:t.slider,"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)]}),void 0)},t}(i.Component),N=n(49566);function R(e,t){(function(e){return"string"==typeof e&&e.includes(".")&&1===parseFloat(e)})(e)&&(e="100%");var n=function(e){return"string"==typeof e&&e.includes("%")}(e);return e=360===t?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:e=360===t?(e<0?e%t+t:e%t)/parseFloat(String(t)):e%t/parseFloat(String(t))}function O(e){return e<=1?100*Number(e)+"%":e}function E(e){return 1===e.length?"0"+e:String(e)}function T(e){return M(e)/255}function M(e){return parseInt(e,16)}var L={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};var _="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",Z="[\\s|\\(]+("+_+")[,|\\s]+("+_+")[,|\\s]+("+_+")\\s*\\)?",F="[\\s|\\(]+("+_+")[,|\\s]+("+_+")[,|\\s]+("+_+")[,|\\s]+("+_+")\\s*\\)?",A={CSS_UNIT:new RegExp(_),rgb:new RegExp("rgb"+Z),rgba:new RegExp("rgba"+F),hsl:new RegExp("hsl"+Z),hsla:new RegExp("hsla"+F),hsv:new RegExp("hsv"+Z),hsva:new RegExp("hsva"+F),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function B(e){return Boolean(A.CSS_UNIT.exec(String(e)))}var D=function(){function e(t,n){if(void 0===t&&(t=""),void 0===n&&(n={}),t instanceof e)return t;this.originalInput=t;var o=function(e){var t,n,o,r={r:0,g:0,b:0},i=1,a=null,l=null,s=null,c=!1,u=!1;return"string"==typeof e&&(e=function(e){if(0===(e=e.trim().toLowerCase()).length)return!1;var t=!1;if(L[e])e=L[e],t=!0;else if("transparent"===e)return{r:0,g:0,b:0,a:0,format:"name"};var n=A.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=A.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=A.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=A.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=A.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=A.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=A.hex8.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),a:T(n[4]),format:t?"name":"hex8"}:(n=A.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:(n=A.hex4.exec(e))?{r:M(n[1]+n[1]),g:M(n[2]+n[2]),b:M(n[3]+n[3]),a:T(n[4]+n[4]),format:t?"name":"hex8"}:!!(n=A.hex3.exec(e))&&{r:M(n[1]+n[1]),g:M(n[2]+n[2]),b:M(n[3]+n[3]),format:t?"name":"hex"}}(e)),"object"==typeof e&&(B(e.r)&&B(e.g)&&B(e.b)?(t=e.r,n=e.g,o=e.b,r={r:255*R(t,255),g:255*R(n,255),b:255*R(o,255)},c=!0,u="%"===String(e.r).substr(-1)?"prgb":"rgb"):B(e.h)&&B(e.s)&&B(e.v)?(a=O(e.s),l=O(e.v),r=function(e,t,n){e=6*R(e,360),t=R(t,100),n=R(n,100);var o=Math.floor(e),r=e-o,i=n*(1-t),a=n*(1-r*t),l=n*(1-(1-r)*t),s=o%6;return{r:255*[n,a,i,i,l,n][s],g:255*[l,n,n,a,i,i][s],b:255*[i,i,l,n,n,a][s]}}(e.h,a,l),c=!0,u="hsv"):B(e.h)&&B(e.s)&&B(e.l)&&(a=O(e.s),s=O(e.l),r=function(e,t,n){var o,r,i;function a(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*n*(t-e):n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=R(e,360),t=R(t,100),n=R(n,100),0===t)r=n,i=n,o=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;o=a(s,l,e+1/3),r=a(s,l,e),i=a(s,l,e-1/3)}return{r:255*o,g:255*r,b:255*i}}(e.h,a,s),c=!0,u="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(i=e.a)),i=function(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}(i),{ok:c,format:e.format||u,r:Math.min(255,Math.max(r.r,0)),g:Math.min(255,Math.max(r.g,0)),b:Math.min(255,Math.max(r.b,0)),a:i}}(t);this.originalInput=t,this.r=o.r,this.g=o.g,this.b=o.b,this.a=o.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format||o.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=o.ok}return e.prototype.toHsv=function(){var e=function(e,t,n){e=R(e,255),t=R(t,255),n=R(n,255);var o=Math.max(e,t,n),r=Math.min(e,t,n),i=0,a=o,l=o-r,s=0===o?0:l/o;if(o===r)i=0;else{switch(o){case e:i=(t-n)/l+(t.5?s/(2-o-r):s/(o+r),o){case e:i=(t-n)/s+(t=0&&o<=n.props.dragMax&&n.props.onChange(((t={})[n.props.label]=o,t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),n.eventCancelList.push((0,v.Oo)(window,"mousemove",n.handleDrag)),n.eventCancelList.push((0,v.Oo)(window,"mouseup",n.handleMouseUp,{passive:!0})))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){n.eventCancelList.forEach((function(e){return e()})),n.eventCancelList=[]},n.state={value:String(t.value).toUpperCase(),blurValue:String(t.value).toUpperCase()},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=this.inputRef.current,n=this.props.value;e.value!==n&&n!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(n).toUpperCase()}):this.setState({value:String(n).toUpperCase()}))},t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.render=function(){var e=f({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return(0,r.jsxs)("div",(0,o.pi)({style:e.wrap,"data-zv":"10.0.10"},{children:[(0,r.jsx)("input",{style:e.input,ref:this.inputRef,value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,"data-zv":"10.0.10"},void 0),this.props.label?(0,r.jsx)("span",(0,o.pi)({style:e.label,onMouseDown:this.handleMouseDown,"data-zv":"10.0.10"},{children:this.props.label}),void 0):null]}),void 0)},t}(i.Component),W=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={hexColor:t.props.hex.replace("#","")},t.confirmHexChange=function(e){var n=t.props.onChange,o=t.state.hexColor;U(o)&&n({hex:o,source:"hex"},e)},t.handleHexChange=function(e){t.setState({hexColor:e.hex})},t.handleChange=function(e,n){var o=t.props,r=o.rgb,i=o.hsl,a=o.onChange;e.r||e.g||e.b?a({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,a:r.a,source:"rgb"},n):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a=e.a/100,a({h:i.h,s:i.s,l:i.l,a:e.a,source:"rgb"},n))},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"styles",{get:function(){var e=this.props.showAlpha;return f({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},showAlpha:{alpha:{display:"none"}}},{showAlpha:!e})},enumerable:!1,configurable:!0}),t.getDerivedStateFromProps=function(e,t){var n=e.hex,o={preHex:n,hexColor:t.hexColor};if(n!==t.preHex){var r=n.replace("#","");o.hexColor=r}return o},t.prototype.render=function(){var e=this.props.rgb,t=this.state.hexColor,n=this.styles;return(0,r.jsxs)("div",(0,o.pi)({style:n.fields,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:n.double,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"hex",value:t,onBlur:this.confirmHexChange,onPressEnter:this.confirmHexChange,onChange:this.handleHexChange},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"r",value:e.r,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"g",value:e.g,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"b",value:e.b,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.alpha,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"a",value:Math.round(100*e.a),onChange:this.handleChange,dragMax:"100"},void 0)}),void 0)]}),void 0)},t}(i.PureComponent),$=function(e){var t=e.color,n=e.style,o=e.onClick,i=e.title,a=void 0===i?t:i,l=f({default:{swatch:{background:t,height:"100%",width:"100%",cursor:"pointer"}},custom:{swatch:n}},"custom");return(0,r.jsx)("div",{style:l.swatch,onClick:function(e){o(t,e)},title:a,"data-zv":"10.0.10"},void 0)},q="zent-color-picker",Y=function(e){var t=e.colors,n=e.onClick,i=e.type,a=f({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),l=function(e,t){n({hex:e,source:"hex"},t)};return"simple"===i?(0,r.jsx)("div",(0,o.pi)({className:q+"-colors-select","data-zv":"10.0.10"},{children:t.map((function(e){return(0,r.jsx)("div",{className:q+"-colors-select__preview",style:{backgroundColor:e},onClick:function(){return n(e)},title:e,"data-zv":"10.0.10"},e)}))}),void 0):(0,r.jsx)("div",(0,o.pi)({style:a.colors,"data-zv":"10.0.10"},{children:t.map((function(e){var t="string"==typeof e?{color:e}:e;return(0,r.jsx)("div",(0,o.pi)({style:a.swatchWrap,"data-zv":"10.0.10"},{children:(0,r.jsx)($,(0,o.pi)({},t,{style:a.swatch,onClick:l}),void 0)}),t.color)}))}),void 0)},K=function(e){var t=e.width,n=e.rgb,i=e.hex,a=e.hsv,l=e.hsl,s=e.onChange,c=e.showAlpha,u=e.presetColors,d=e.renderers,p=e.className,h=e.type,v=f({default:{picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},showAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},{showAlpha:!c});return(0,r.jsxs)("div",(0,o.pi)({style:v.picker,className:p,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.saturation,"data-zv":"10.0.10"},{children:(0,r.jsx)(g,{style:v.Saturation,hsl:l,hsv:a,onChange:s},void 0)}),void 0),(0,r.jsxs)("div",(0,o.pi)({style:v.controls,className:"flexbox-fix","data-zv":"10.0.10"},{children:[(0,r.jsxs)("div",(0,o.pi)({style:v.sliders,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.hue,"data-zv":"10.0.10"},{children:(0,r.jsx)(x,{style:v.Hue,hsl:l,onChange:s},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:v.alpha,"data-zv":"10.0.10"},{children:(0,r.jsx)(S,{style:v.Alpha,rgb:n,hsl:l,renderers:d,onChange:s},void 0)}),void 0)]}),void 0),(0,r.jsxs)("div",(0,o.pi)({style:v.color,"data-zv":"10.0.10"},{children:[(0,r.jsx)(z,{},void 0),(0,r.jsx)("div",{style:v.activeColor,"data-zv":"10.0.10"},void 0)]}),void 0)]}),void 0),(0,r.jsx)(W,{rgb:n,hsl:l,hex:i,onChange:s,showAlpha:c},void 0),(0,r.jsx)(Y,{colors:u,onClick:s,type:h},void 0)]}),void 0)};K.defaultProps={presetColors:["#FFFFFF","#F8F8F8","#F2F2F2","#999999","#444444","#FF4444","#FF6500","#FF884D","#FFCD00","#3FBD00","#3FBC87","#00CD98","#5197FF","#BADCFF","#FFEFB8"],width:200,showAlpha:!1,className:""};var X,J=(X=K,function(e){function t(t){var n=e.call(this,t)||this;return n.debounce=(0,N.Z)((function(e,t,n){e(t,n)}),100),n.handleChange=function(e,t){if(function(e){var t=0,n=0;return["r","g","b","a","h","s","a","v"].forEach((function(o){var r=e[o];r&&(t+=1,isNaN(r)||(n+=1))})),t===n&&e}(e)){var o=H(e,e.h||n.state.oldHue);n.setState(o),n.props.onChangeComplete&&n.debounce(n.props.onChangeComplete,o,t),n.props.onChange&&n.props.onChange(o,t)}},n.state=(0,o.pi)((0,o.pi)({},H(t.color,0)),{visible:t.display}),n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){return(0,o.pi)((0,o.pi)({},H(e.color,t.oldHue)),{visible:e.display})},t.prototype.render=function(){return(0,r.jsx)(X,(0,o.pi)({},this.props,this.state,{onChange:this.handleChange}),void 0)},t.defaultProps={color:{h:250,s:.5,l:.2,a:1}},t}(i.Component)),G=n(33806),Q=n(1348),ee=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={popVisible:!1},t.handleChange=function(e){var n=t.props,o=n.onChange,r=n.showAlpha,i=e;"object"==typeof e&&(i=r?e.rgba:e.hex),o(i)},t.handleVisibleChange=function(e){t.disabled||t.setState({popVisible:e})},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){var e=this.props.disabled;return void 0===e?this.context.value:e},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e,t=this.props,n=t.color,i=t.showAlpha,a=t.className,s=t.wrapperClassName,c=t.type,u=t.presetColors,d=this.state.popVisible,p=d?"zent-color-picker--open":"",h=n;return(0,r.jsxs)(G.ZP,(0,o.pi)({className:l()("zent-color-picker-popover",a),position:G.ZP.Position.AutoBottomLeft,cushion:5,visible:d,onVisibleChange:this.handleVisibleChange},{children:[(0,r.jsx)(G.ZP.Trigger.Click,(0,o.pi)({toggle:!0},{children:(0,r.jsx)("div",(0,o.pi)({className:l()("zent-color-picker",s,p,(e={},e["zent-color-picker_disabled"]=this.disabled,e)),tabIndex:0,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({className:"zent-color-picker__text","data-zv":"10.0.10"},{children:(0,r.jsx)("div",{className:"zent-color-picker__preview",style:{backgroundColor:h},"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)}),void 0),(0,r.jsx)(G.ZP.Content,{children:"simple"===c?(0,r.jsx)(Y,{colors:u,onClick:this.handleChange,type:c},void 0):(0,r.jsx)(J,{color:n,showAlpha:i,onChange:this.handleChange,type:c},void 0)},void 0)]}),void 0)},t.defaultProps={showAlpha:!1,onChange:function(){},className:"",wrapperClassName:"",type:"default",presetColors:["#FFFFFF","#F8F8F8","#F2F2F2","#999999","#444444","#FF4444","#FF6500","#FF884D","#FFCD00","#3FBD00","#3FBC87","#00CD98","#5197FF","#BADCFF","#FFEFB8"]},t.ColorBoard=J,t.contextType=Q.d,t}(i.PureComponent),te=ee},1348:(e,t,n)=>{n.d(t,{d:()=>a,x:()=>l});var o=n(59312),r=n(24246),i=n(27378),a=(0,i.createContext)({value:!1});a.displayName="DisabledContext";var l=function(e){var t=e.value,n=void 0===t||t,l=e.children,s=(0,i.useMemo)((function(){return{value:n}}),[n]);return(0,r.jsx)(a.Provider,(0,o.pi)({value:s},{children:l}),void 0)}},74566:(e,t,n)=>{n.d(t,{Z:()=>a});var o={};n.r(o),n.d(o,{Cascader:()=>i.vT,CopyButton:()=>i.qi,Form:()=>i.l0,Grid:()=>i.rj,Mention:()=>i.pf,NumberInput:()=>i.Y2,Pagination:()=>i.tl,Pop:()=>i.XE,PreviewImage:()=>i.Sy,RangePicker:()=>i.Sq,Select:()=>i.Ph,Sweetalert:()=>i.Hj,Switch:()=>i.rs,TimePicker:()=>i.jI,Transfer:()=>i.FE,Upload:()=>i.gq,mark:()=>i.B1});var r=n(27378),i=n(50642),a=(0,r.createContext)(o)},52074:(e,t,n)=>{var o=n(59312),r=n(27378),i=n(74566),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.receive=function(){var e=this.props.componentName,t=this.context[e];return"function"==typeof t?t():t},t.prototype.render=function(){return(0,this.props.children)(this.receive())},t.contextType=i.Z,t}(r.Component);t.Z=a},24654:(e,t,n)=>{function o(e){return e}n.d(t,{i_:()=>o,_z:()=>r,U1:()=>i});var r={dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],amPm:["am","pm"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:+(e-e%10!=10)*e%10]}},i={dayNamesShort:["周日","周一","周二","周三","周四","周五","周六"],dayNames:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],monthNamesShort:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],monthNames:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],amPm:["上午","下午"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:+(e-e%10!=10)*e%10]}}},50642:(e,t,n)=>{n.d(t,{B1:()=>l,qi:()=>s,tl:()=>c,XE:()=>u,Sy:()=>d,Sq:()=>p,Ph:()=>h,rs:()=>f,Hj:()=>v,rj:()=>m,vT:()=>b,jI:()=>y,gq:()=>x,pf:()=>w,FE:()=>C,l0:()=>P,Y2:()=>j});var o=n(59312),r=n(24246),i=n(24654),a={confirm:"确定",cancel:"取消",ok:"我知道了",comma:"，",reset:"重置"},l="zh-CN",s={copy:"复制",success:"复制成功",error:"复制失败"},c={jumpTo:function(e){var t=e.input;return(0,r.jsxs)(r.Fragment,{children:["跳至",t,"页"]},void 0)},pageStats:function(e){var t=e.total,n=e.select,i=e.Text;return(0,r.jsxs)(r.Fragment,{children:["共 ",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:t}),void 0)," 条，每页",n]},void 0)},pageStatsStatic:function(e){var t=e.total,n=e.pageSize,i=e.Text;return(0,r.jsxs)(r.Fragment,{children:["共 ",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:t}),void 0)," 条，每页",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:n}),void 0)," 条"]},void 0)},selectWidth:80,items:"条"},u=(0,o.pi)({},a),d={alt:"图片下载失败",prev:"上一张",next:"下一张",rotate:"翻转"},p={7:"近7天",30:"近30天"},h={input:"请选择",empty:"暂无数据",tagSeparator:"、",create:"+点击新建："},f={checked:"开启",unchecked:"关闭"},v=(0,o.pi)((0,o.pi)({},a),{title:"提示"}),m=(0,o.pi)((0,o.pi)({},a),{emptyLabel:"没有更多数据了"}),b=(0,o.pi)((0,o.pi)({},a),{title:"标题",placeholder:"请选择",searchPlaceholder:"请选择或输入搜索",searchEmpty:"无搜索结果",empty:"无数据",loading:"加载中…"}),g=["第一季度","第二季度","第三季度","第四季度"],y=function(){return(0,i.i_)(i.U1),(0,o.pi)((0,o.pi)({},a),{time:"请选择时间",date:"请选择日期",week:"请选择自然周",month:"请选择月份",quarter:"请选择季度",year:"请选择年份",range:"开始日期 至 结束日期",timeErrorPop:"时间不可用",dateErrorPop:"日期不可用",start:"开始日期",end:"结束日期",startTime:"开始时间",endTime:"结束时间",to:"至",current:{time:"当前时间",date:"今天",week:"当前周",month:"当前月",year:"当前年"},panel:{hour:"时",minute:"分",second:"秒",year:"年",hourSelect:"选择小时",minuteSelect:"选择分钟",secondSelect:"选择秒",titleFormat:"YYYY年MMM",quarterNames:g,yearQuarterName:function(e){var t=e.year,n=e.quarter;return t+"年"+g[n]},dayNames:["日","一","二","三","四","五","六"],monthNames:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]}})},x=(0,o.pi)((0,o.pi)({},a),{delete:"删除",retry:"重新上传",failed:"上传失败",limit:"文件添加个数已达上限",add:"添加文件",uploading:"文件上传中"}),w={noContent:"无匹配结果，轻敲空格完成输入"},C={placeholder:"请输入搜索内容",item:"项",items:"项",emptyLabel:"暂无数据"},P={required:"必填"},j={min:"最小值不能小于",max:"最大值不能大于"}},39215:(e,t,n)=>{n.d(t,{J:()=>l});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=(0,n(27378).forwardRef)((function(e,t){var n=e.className,i=e.spin,l=e.type,s=(0,o._T)(e,["className","spin","type"]);return(0,r.jsx)("i",(0,o.pi)({ref:t,className:a()("zenticon","zenticon-"+l,n,{"zenticon-spin":i})},s,{"data-zv":"10.0.10"}),void 0)}));l.displayName="ZentIcon",t.Z=l},27036:(e,t,n)=>{var o=n(39215);t.Z=o.Z},38841:(e,t,n)=>{n.d(t,{B:()=>o});var o=(0,n(27378).createContext)({enable:!1});o.displayName="IMECompositionContext"},90475:(e,t,n)=>{n.d(t,{B:()=>l});var o=n(59312),r=n(27378),i=n(38841),a={getEventValue:function(e){return e.target.value}};function l(e){var t=(0,o.pi)((0,o.pi)({},a),e).getEventValue;return function(e,n,a,l){var s=(0,r.useContext)(i.B),c=(0,r.useRef)(!1),u=(0,r.useState)(e),d=u[0],p=u[1],h=(0,r.useRef)(n),f=(0,r.useRef)(a),v=(0,r.useRef)(l);(0,r.useEffect)((function(){h.current=n,f.current=a,v.current=l}),[n,a,l]),(0,r.useEffect)((function(){p(e)}),[e]);var m=(0,r.useCallback)((function(){for(var e,n=[],r=0;r{n.d(t,{I:()=>z,Z:()=>S});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(27036),c=n(90475);function u(e){e.preventDefault()}var d=(0,c.B)(),p=(0,i.forwardRef)((function(e,t){var n=e.addonBefore,i=e.addonAfter,a=e.showClear,c=e.value,p=e.onChange,h=e.onCompositionStart,f=e.onCompositionEnd,v=e.onClear,m=(e.width,e.size,e.onPressEnter,e.autoFocus,e.autoSelect,e.initSelectionStart,e.initSelectionEnd,e.icon),b=e.iconPosition,g=void 0===b?"end":b,y=(e.inline,e.onIconClick),x=(0,o._T)(e,["addonBefore","addonAfter","showClear","value","onChange","onCompositionStart","onCompositionEnd","onClear","width","size","onPressEnter","autoFocus","autoSelect","initSelectionStart","initSelectionEnd","icon","iconPosition","inline","onIconClick"]),w=d(c,p,h,f),C=w.value,P=w.onChange,j=w.onCompositionStart,k=w.onCompositionEnd,z=a&&c&&!x.disabled&&!x.readOnly,S=l()("zent-input-icon",{"zent-input-icon-click":!!y});return(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-input-addon-before","data-zv":"10.0.10"},{children:n}),void 0),m&&"front"===g?(0,r.jsx)(s.Z,{className:S,type:m,onMouseUp:u,onMouseDown:u,onClick:y},void 0):null,(0,r.jsx)("input",(0,o.pi)({},x,{ref:t,className:"zent-input",value:C,onChange:P,onCompositionStart:j,onCompositionEnd:k,"data-zv":"10.0.10"}),void 0),z&&(0,r.jsx)(s.Z,{className:"zent-input-icon",type:"close-circle",onClick:v,onMouseDown:u},void 0),m&&"end"===g?(0,r.jsx)(s.Z,{className:S,type:m,onMouseUp:u,onMouseDown:u,onClick:y},void 0):null,i&&(0,r.jsx)("div",(0,o.pi)({className:"zent-input-addon-after","data-zv":"10.0.10"},{children:i}),void 0)]},void 0)}));p.displayName="Input";var h=n(49744),f=new Map;function v(e){var t=f.get(e);t&&t.destroy()}function m(e){var t=f.get(e);t&&t.update()}function b(e){return"length"in e}var g=n(42690),y=n(79264),x=(0,c.B)(),w=(0,i.forwardRef)((function(e,t){var n=e.value,i=e.onChange,a=e.onCompositionStart,s=e.onCompositionEnd,c=e.autoSize,u=e.showCount,d=e.maxLength,p=(e.width,e.size,e.onPressEnter,e.autoFocus,e.autoSelect,e.initSelectionStart,e.initSelectionEnd,e.inline,e.maxCharacterCount),w=(e.type,(0,o._T)(e,["value","onChange","onCompositionStart","onCompositionEnd","autoSize","showCount","maxLength","width","size","onPressEnter","autoFocus","autoSelect","initSelectionStart","initSelectionEnd","inline","maxCharacterCount","type"])),C=x(n,i,a,s),P=C.value,j=C.onChange,k=C.onCompositionStart,z=C.onCompositionEnd,S=t;(0,y.L)((function(){if(!c)return g.Z;var e=S.current;return e?(function(e){e&&Array.prototype.forEach.call(b(e)?e:[e],(function(e){return function(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!f.has(e)){var t,n=NaN,o=NaN,r=NaN,i=[],a=function(t){i.forEach((function(e){return e()})),i.splice(0,i.length),Object.keys(t).forEach((function(n){e.style[n]=t[n]})),f.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});i.push((0,h.Oo)(e,"autosize:destroy",a)),"onpropertychange"in e&&"oninput"in e&&i.push((0,h.Oo)(e,"keyup",c)),i.push((0,h.Oo)(window,"resize",(function(){e.clientWidth!==o&&c()}))),i.push((0,h.Oo)(e,"input",c)),i.push((0,h.Oo)(e,"autosize:update",c)),e.style.overflowX="hidden",e.style.wordWrap="break-word",f.set(e,{destroy:a,update:c}),"vertical"===(t=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),n="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(n)&&(n=0),c()}function l(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+n+"px",o=e.clientWidth,t.forEach((function(e){e.node.scrollTop=e.scrollTop})),r&&(document.documentElement.scrollTop=r)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),o="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(op;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("textarea",(0,o.pi)({},w,{ref:t,className:l()("zent-textarea",{"zent-textarea-with-count":u}),value:P,maxLength:d,onChange:j,onCompositionStart:k,onCompositionEnd:z,"data-zv":"10.0.10"}),void 0),u&&(0,r.jsxs)("span",(0,o.pi)({className:l()("zent-textarea-count",{"zent-textarea-out-of-range-text":N}),"data-zv":"10.0.10"},{children:[(P||"").length,"/",null!=d?d:p]}),void 0)]},void 0)}));w.displayName="TextArea";var C=n(77125),P=n(1348),j=n(78513),k=["className","width","style","size","disabled","widthSize"],z=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.elementRef=(0,i.createRef)(),t.state={hasFocus:!1},t.onKeyDown=function(e){var n=t.props,o=n.onKeyDown,r=n.onPressEnter;r&&"Enter"===e.key&&r(e),o&&o(e)},t.onFocus=function(e){t.setState({hasFocus:!0});var n=t.props.onFocus;n&&n(e)},t.onBlur=function(e){t.setState({hasFocus:!1});var n=t.props.onBlur;n&&n(e)},t.clearInput=function(e){var n=t.props.onChange,r=Object.create(e);r.target=(0,o.pi)((0,o.pi)({},t.props),{value:""}),r.fromClearButton=!0,n&&n(r)},t.renderInput=function(e){return t.renderImpl(e)},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"input",{get:function(){return this.elementRef.current},enumerable:!1,configurable:!0}),t.prototype.focus=function(){var e=this.elementRef.current;e&&e.focus()},t.prototype.select=function(e,t){var n=this.elementRef.current;n&&("number"==typeof e&&"number"==typeof t?n.setSelectionRange(e,t):n.select())},t.prototype.componentDidMount=function(){var e=this.props,t=e.autoFocus,n=e.autoSelect,o=e.initSelectionStart,r=e.initSelectionEnd,i=this.elementRef.current;t&&i&&i.focus(),n&&this.select(o,r)},t.prototype.renderImpl=function(e){var t,n,i,a=this.props,s=a.type,c=a.className,u=a.width,d=a.style,h=a.size,f=a.disabled,v=void 0===f?e.value:f,m=a.readOnly,b=a.widthSize,g=this.state.hasFocus,y="textarea"===s.toLowerCase(),x=!(v||m),C=this.context.renderInner,P=(0,o.pi)((0,o.pi)({},d),{width:u}),z=!1;if("textarea"===a.type){var S=null===(n=this.elementRef.current)||void 0===n?void 0:n.value;z=!(!a.maxCharacterCount||!S)&&S.length>a.maxCharacterCount,i=(0,r.jsx)(w,(0,o.pi)({},(0,j.Z)(a,k),{ref:this.elementRef,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:v}),void 0)}else i=(0,r.jsx)(p,(0,o.pi)({},(0,j.Z)(a,k),{ref:this.elementRef,onClear:this.clearInput,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:v}),void 0);var N=l()("zent-input-wrapper","zent-input--size-"+h,((t={})["zent-input-wrapper--width-"+b]=!!b,t["zent-input-wrapper__not-editable"]=!x,t["zent-textarea-wrapper"]=y,t["zent-textarea-wrapper-out-of-range"]=z,t["zent-input-addons"]=!y&&(a.addonAfter||a.addonBefore),t["zent-input--has-focus"]=g,t["zent-input-wrapper-inline"]=a.inline,t["zent-input-wrapper-disabled"]=v,t),c);return(0,r.jsx)("div",(0,o.pi)({className:N,style:P,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,"data-zv":"10.0.10"},{children:C?C(i):i}),void 0)},t.prototype.render=function(){return(0,r.jsx)(P.d.Consumer,{children:this.renderInput},void 0)},t.contextType=C.r,t.displayName="ZentInput",t.defaultProps={type:"text",size:"normal"},t}(i.Component),S=z},77125:(e,t,n)=>{n.d(t,{r:()=>o});var o=(0,n(27378).createContext)({renderInner:null})},20840:(e,t,n)=>{n.d(t,{l:()=>c});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(73326),s=n(56975);function c(e){var t=e.loading,n=void 0!==t&&t,i=e.delay,c=void 0===i?0:i,u=e.className,d=e.icon,p=void 0===d?"circle":d,h=e.iconSize,f=e.iconText,v=e.textPosition,m=void 0===v?"bottom":v,b=e.colorPreset,g=void 0===b?"primary":b,y=e.textSize;return(0,l.Z)({loading:n,delay:c})||!n?null:(0,r.jsx)("div",(0,o.pi)({className:a()("zent-loading","zent-loading--inline",u),"data-zv":"10.0.10"},{children:(0,r.jsx)(s.Z,{icon:p,size:h,text:f,textPosition:m,colorPreset:g,textSize:y},void 0)}),void 0)}t.Z=c},56975:(e,t,n)=>{n.d(t,{Z:()=>f});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i);function l(e){return a()({"zent-loading-icon-and-text--bottom":"bottom"===e,"zent-loading-icon-and-text--top":"top"===e,"zent-loading-icon-and-text--left":"left"===e,"zent-loading-icon-and-text--right":"right"===e})}function s(e){var t=e.size,n=e.text,i=e.textPosition,s=e.colorPreset,u=e.textSize,d=void 0===u?14:u;return t=t||40,(0,r.jsxs)("div",(0,o.pi)({className:a()("zent-loading-icon-and-text","zent-loading-icon-and-text--youzan","zent-loading-color-preset--"+s,l(i)),"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon zent-loading-icon-youzan",style:{height:t,width:t},"data-zv":"10.0.10"},{children:(0,r.jsx)(c,{size:t},void 0)}),void 0),n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon-text",style:{fontSize:d+"px"},"data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)}function c(e){var t=e.size;return(0,r.jsx)("svg",(0,o.pi)({width:u(t,19),height:u(t,23),viewBox:"0 0 19 23",xmlns:"http://www.w3.org/2000/svg",className:"zent-loading-icon-youzan-svg","data-zv":"10.0.10"},{children:(0,r.jsx)("path",{d:"M4.649 22.4V11.573c3.245-.966 4.18-10.27 4.18-10.27.084-.621.64-1.204 1.252-1.3l-.21.033C11.495-.22 12.71.92 12.583 2.58l-.337 4.43c-.046.613.404 1.051 1.006.98l4.005-.482c1.216-.146 1.97.714 1.682 1.92 0 0-.135.403-.21 1.111-.073.708.312.96.23 1.986-.08 1.027-.411 1.154-.479 1.944s.174.888.122 1.628c-.068.955-.434 1.205-.508 1.66-.074.457.01.779.01.779.081.904-.55 1.753-1.435 1.898L4.649 22.4zM3.568 11.801v10.776l-2.5.409C.478 23.082 0 22.67 0 22.064v-8.762c0-.454.357-.89.797-.972 0 0 1.64-.307 2.77-.529z",fillRule:"evenodd","data-zv":"10.0.10"},void 0)}),void 0)}function u(e,t){return e/40*t}var d={primary:["#155BD4","#EDF4FF"],grey:["#CCC","#F7F7F7"]},p=function(e,t){var n=d[t];return(0,r.jsx)("svg",(0,o.pi)({width:e+"px",height:e+"px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",className:"zent-loading-icon zent-loading-icon-circle","data-zv":"10.0.10"},{children:(0,r.jsxs)("g",(0,o.pi)({id:"loading",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd","data-zv":"10.0.10"},{children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"20",height:"20","data-zv":"10.0.10"},void 0),(0,r.jsx)("path",{d:"M10,2 C14.418278,2 18,5.581722 18,10 C18,14.418278 14.418278,18 10,18 C5.581722,18 2,14.418278 2,10 C2,5.581722 5.581722,2 10,2 Z M10,4 C6.6862915,4 4,6.6862915 4,10 C4,13.3137085 6.6862915,16 10,16 C13.3137085,16 16,13.3137085 16,10 C16,6.6862915 13.3137085,4 10,4 Z",fill:n[1],fillRule:"nonzero","data-zv":"10.0.10"},void 0),(0,r.jsx)("path",{d:"M10,2 L10,4 L10,4 C6.6862915,4 4,6.6862915 4,10 C4,13.3137085 6.6862915,16 10,16 L10,18 L10,18 C5.581722,18 2,14.418278 2,10 C2,5.581722 5.581722,2 10,2 Z",fill:n[0],fillRule:"nonzero","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0)};function h(e){var t=e.size,n=e.text,i=e.textPosition,s=e.textSize,c=void 0===s?14:s,u=e.colorPreset;return t=t||20,(0,r.jsxs)("div",(0,o.pi)({className:a()("zent-loading-icon-and-text","zent-loading-icon-and-text--circle","zent-loading-color-preset--"+u,l(i)),"data-zv":"10.0.10"},{children:[p(t,u),n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon-text",style:{fontSize:c+"px"},"data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)}function f(e){var t=e.icon,n=(0,o._T)(e,["icon"]);return"youzan"===t?(0,r.jsx)(s,(0,o.pi)({},n),void 0):"circle"===t?(0,r.jsx)(h,(0,o.pi)({},n),void 0):null}},73326:(e,t,n)=>{n.d(t,{Z:()=>r});var o=n(27378);function r(e){var t=e.loading,n=e.delay,r=!!(n&&n>0),i=(0,o.useState)(r),a=i[0],l=i[1];return(0,o.useEffect)((function(){if(t&&r){l(!0);var e=setTimeout((function(){return l(!1)}),n);return function(){return clearTimeout(e)}}return l(r)}),[t,n,r]),a}},23476:(e,t,n)=>{n.d(t,{g:()=>P,Z:()=>j});var o=n(59312),r=n(24246),i=n(31542),a=n(79352),l=n(14805),s=n(27378),c=n(14623),u=n(53552),d=n(27036),p=function(e){var t=e.children,n=(0,o._T)(e,["children"]);return(0,r.jsx)(c.Z,(0,o.pi)({},n,{timeout:800,classNames:"notify"},{children:t}),void 0)},h={success:"check-circle",warn:"warning",error:"close-circle",info:"info-circle"},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onExited=function(){t.props.close()},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.text,n=e.status,i=e.selector,a=e.isIn;return(0,r.jsx)(u.ZP,(0,o.pi)({selector:i},{children:(0,r.jsx)(p,(0,o.pi)({appear:!0,unmountOnExit:!0,in:a,onExited:this.onExited},{children:(0,r.jsx)("div",(0,o.pi)({className:"zent-notify","data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-notify-content zent-notify-content-"+n,"data-zv":"10.0.10"},{children:[(0,r.jsx)(d.Z,{className:"zent-notify-content-icon",type:h[n]},void 0),(0,r.jsx)("div",(0,o.pi)({"data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},t.defaultProps={text:"",status:"",className:""},t}(s.Component),v=0,m=3500,b="body",g={},y="zent-notify-container",x=function(e){var t=g[e];if(t){var n=t.container,o=t.callback,r=t.timeOutId;clearTimeout(r),i.unmountComponentAtNode(n),delete g[e],function(e){"function"==typeof e&&e()}(o)}},w=function(e,t){e.classList&&!e.classList.contains(t)&&e.classList.add(t)},C=function(e,t,n,s,c,u){if(!a.Z)return null;var d=(0,l.Z)("div"),p=function(e,t){var n=e||b,o=document.querySelector(n+" > ."+y),r=document.querySelector(n)||document.body;if(!o){var i=(0,l.Z)("div");i.className=y,o=r.appendChild(i)}return t&&w(o,t),"body"!==n&&w(o,"zent-notify-container-custom"),o}(c,u),h={text:e,status:n,duration:t,isIn:!0,selector:p};i.render((0,r.jsx)(f,(0,o.pi)({},h),void 0),d);var C=++v,P=setTimeout((function(){i.render((0,r.jsx)(f,{isIn:!1,text:e,selector:p,status:n,close:function(){return x(C)}},void 0),d)}),h.duration||m);return g[C]={container:d,callback:s,timeOutId:P},C},P={info:function(e,t,n,o,r){return C(e,t,"info",n,o,r)},success:function(e,t,n,o,r){return C(e,t,"success",n,o,r)},warn:function(e,t,n,o,r){return C(e,t,"warn",n,o,r)},error:function(e,t,n,o,r){return C(e,t,"error",n,o,r)},clear:function(e){e?x(e):Object.keys(g).forEach((function(e){x(e)}))},config:function(e){e.duration&&(m=e.duration),e.containerSelector&&(b=e.containerSelector)}},j=P},92497:(e,t,n)=>{n.d(t,{X:()=>g,Z:()=>y});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(33806),c=n(16078),u=n(50707),d=n(90347),p=n(52074),h=n(65436);function f(e,t,n,o){if("function"!=typeof o)return n.close();var r=function(){t(e,!0)},i=function(){t(e,!1,n.close)};if(o.length>=1)return r(),o(i);var a=o();(0,h.Z)(a)?(r(),a.then(i).catch((function(){return t(e,!1)}))):n.close()}var v=function(e){var t=e.type,n=e.onConfirm,a=e.onCancel,l=e.confirmText,s=e.cancelText,u=e.confirmPending,h=e.cancelPending,v=e.changePending,m=(0,c.Sv)(),b=(0,i.useCallback)((function(){f("confirmPending",v,m,n)}),[n,m,v]),g=(0,i.useCallback)((function(){f("cancelPending",v,m,a)}),[a,m,v]);return(0,r.jsxs)("div",(0,o.pi)({className:"zent-pop-v2-buttons","data-zv":"10.0.10"},{children:[(0,r.jsx)(p.Z,(0,o.pi)({componentName:"Pop"},{children:function(e){return(0,r.jsx)(d.ZP,(0,o.pi)({loading:h,disabled:u,size:"small",onClick:g},{children:s||e.cancel}),void 0)}}),void 0),(0,r.jsx)(p.Z,(0,o.pi)({componentName:"Pop"},{children:function(e){return(0,r.jsx)(d.ZP,(0,o.pi)({loading:u,disabled:h,size:"small",type:t,onClick:b},{children:l||e.confirm}),void 0)}}),void 0)]}),void 0)},m=n(42690),b=s.ZP.Trigger,g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,i.createRef)(),t.isUnmounted=!1,t.state={confirmPending:!1,cancelPending:!1},t.changePending=function(e,n,o){var r;t.isUnmounted||t.setState(((r={})[e]=n,r),o)},t}return(0,o.ZT)(t,e),t.prototype.adjustPosition=function(){var e=this.popoverRef.current;e&&e.adjustPosition()},t.prototype.getWrappedPopover=function(){return this.popoverRef.current},t.prototype.renderTrigger=function(){var e=this.props;switch(e.trigger){case"click":return(0,r.jsx)(b.Click,(0,o.pi)({closeOnClickOutside:e.closeOnClickOutside},{children:e.children}),void 0);case"hover":return(0,r.jsx)(b.Hover,(0,o.pi)({showDelay:e.mouseEnterDelay,hideDelay:e.mouseLeaveDelay,anchorOnly:e.anchorOnly,fixMouseEventsOnDisabledChildren:e.fixMouseEventsOnDisabledChildren},{children:e.children}),void 0);case"focus":return(0,r.jsx)(b.Focus,{children:e.children},void 0);case"none":return(0,r.jsx)(s.ZP.Anchor,{children:e.children},void 0);default:throw new Error("Pop trigger not assigned")}},t.prototype.componentWillUnmount=function(){this.isUnmounted=!0},t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.trigger,a=e.visible,c=e.onShow,d=e.onClose,p=e.position,h=e.cushion,f=e.header,b=e.content,g=e.centerArrow,y=e.onBeforeClose,x=e.onBeforeShow,w=e.onPositionUpdated,C=e.onPositionReady,P=e.containerSelector,j=e.onCancel,k=e.onConfirm,z=e.confirmText,S=e.cancelText,N=e.type,R=null!=f,O=this.props.onVisibleChange;"none"===i&&(O=O||m.Z);var E=this.state,T=E.confirmPending,M=E.cancelPending,L=T||M;return(0,r.jsxs)(s.ZP,(0,o.pi)({ref:this.popoverRef,visible:!!L||a,onVisibleChange:L?m.Z:O,className:l()("zent-pop-v2",t,{"zent-pop-v2--has-header":R,"zent-pop-v2--no-header":!R}),style:n,cushion:h,position:(0,u.Z)(p,g),onShow:c,onClose:d,onBeforeClose:y,onBeforeShow:x,onPositionUpdated:w,onPositionReady:C,containerSelector:P},{children:[this.renderTrigger(),(0,r.jsxs)(s.ZP.Content,{children:[R&&(0,r.jsx)("div",(0,o.pi)({className:"zent-pop-v2-header","data-zv":"10.0.10"},{children:f}),void 0),(0,r.jsxs)("div",(0,o.pi)({className:"zent-pop-v2-inner","data-zv":"10.0.10"},{children:[b,(j||k)&&(0,r.jsx)(v,{onConfirm:k,onCancel:j,confirmText:z,cancelText:S,confirmPending:T,cancelPending:M,changePending:this.changePending,type:N},void 0)]}),void 0),(0,r.jsx)("div",{className:"zent-pop-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)]}),void 0)},t.defaultProps={trigger:"none",position:"top-center",cushion:10,type:"primary",mouseLeaveDelay:200,mouseEnterDelay:200,containerSelector:"body"},t.withPop=(0,c.ou)("pop"),t}(i.Component),y=g},80522:(e,t,n)=>{var o=n(59312),r=n(27378),i=n(31542),a=n(42108),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.getElement=function(){var e=this.props.getElement,t=(0,i.findDOMNode)(this);return e?e(t):t},t.prototype.componentDidMount=function(){var e=this;this.context.popover.getAnchor=function(){return e.getElement()}},t.prototype.componentWillUnmount=function(){this.context.popover.getAnchor=null},t.prototype.render=function(){return this.props.children},t.contextType=a.Z,t}(r.Component);t.Z=l},28425:(e,t,n)=>{n.d(t,{Z:()=>m});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(44879),s=n(42108),c=n(53552),u=n(80186),d=n(49476),p=n(27378);function h(e,t){var n=(0,p.useRef)(null);return(0,p.useMemo)((function(){return n.current=null,function(){return n.current||(n.current=e()),n.current}}),t)}var f=n(43239),v=(0,p.createContext)({positionChanged$:new l.x});v.displayName="PopoverContentContext";var m=function(e){var t=e.children,n=(0,s.l)(),i=(0,p.useContext)(v).positionChanged$,m=(0,p.useMemo)((function(){return{positionChanged$:new l.x}}),[]),b=(0,p.useState)(d.w),g=b[0],y=b[1],x=(0,p.useRef)(n);x.current=n;var w,C,P,j=n.containerSelector,k=n.portalRef,z=h((function(){return document.querySelector(j)}),[j]),S=h((function(){var e=z();return e&&function(e,t){function n(e){var t=getComputedStyle(e).getPropertyValue("position");return t&&"static"!==t}if(void 0===t&&(t=!1),!e)return null;if(t&&n(e))return e;for(var o=e.parentElement;null!==o;o=o.parentElement)if(n(o))return o;return document.documentElement}(e)}),[z]),N=(0,f.s)(),R=(w=function(){if(N.current){var e=function(e,t,n,o){var r,i=e.visible,a=e.placement,l=e.popover,s=e.cushion;if(!i)return d.w;var c=t(),u=n(),p=o.current,h=null===(r=l.getAnchor)||void 0===r?void 0:r.call(l);if(!(c&&u&&p&&h&&h instanceof HTMLElement))return d.w;var f,v,m,b,g=u.getBoundingClientRect(),y=p.container,x=y.getBoundingClientRect(),w=h.getBoundingClientRect();return a({relativeRect:(v=w,m=(f=g).left,b=f.top,{width:v.width,height:v.height,top:v.top-b,left:v.left-m,bottom:v.bottom-b,right:v.right-m}),anchor:h,anchorRect:w,content:y,contentRect:x,containerRect:g,container:u,cushion:s})}(x.current,z,S,k);y(e)}},C=(0,p.useRef)(w),P=(0,p.useRef)(null),(0,p.useEffect)((function(){C.current=w}),[w]),(0,p.useCallback)((function(){P.current||(P.current=requestAnimationFrame((function(){P.current=null,C.current()})))}),[]));return(0,p.useImperativeHandle)(n.contentRef,(function(){return{adjustPosition:R}}),[R]),(0,u.Tb)("resize",R),(0,u.Tb)("scroll",R,{capture:!0}),(0,p.useEffect)((function(){n.popover.positionUpdated(),m.positionChanged$.next()}),[n.popover,g,m]),(0,p.useEffect)((function(){var e=i.subscribe((function(){R()}));return function(){return e.unsubscribe()}}),[i,R]),(0,r.jsx)(c.ZP,(0,o.pi)({ref:k,visible:n.visible,selector:j,className:a()("zent-popover-v2",g.className,n.className),style:(0,o.pi)((0,o.pi)({},g.style),n.style)},{children:(0,r.jsx)(v.Provider,(0,o.pi)({value:m},{children:t}),void 0)}),void 0)}},42108:(e,t,n)=>{n.d(t,{l:()=>i});var o=n(27378),r=(0,o.createContext)(null);function i(){var e=(0,o.useContext)(r);if(!e)throw new Error("Popover context not found");return e}r.displayName="ZentPopoverContext",t.Z=r},81044:(e,t,n)=>{n.d(t,{J:()=>Q,Z:()=>ee});var o={};n.r(o),n.d(o,{Arrow:()=>U,AutoBottomCenter:()=>b,AutoBottomLeft:()=>y,AutoBottomLeftInViewport:()=>T,AutoBottomRight:()=>w,AutoTopCenter:()=>P,AutoTopLeft:()=>k,AutoTopRight:()=>S,BottomCenter:()=>p,BottomLeft:()=>u,BottomLeftInViewport:()=>R,BottomRight:()=>d,BottomSameWidth:()=>M,CascaderAutoBottomLeft:()=>I,INVISIBLE_POSITION:()=>l.w,LeftBottom:()=>Z,LeftCenter:()=>_,LeftTop:()=>L,RightBottom:()=>B,RightCenter:()=>A,RightTop:()=>F,TopCenter:()=>v,TopLeft:()=>h,TopLeftInViewport:()=>O,TopRight:()=>f});var r=n(59312),i=n(24246),a=n(27378),l=n(49476),s=n(27468),c=n(33936),u=function(e){var t=e.relativeRect,n=e.cushion;return{style:{position:"absolute",left:t.left,top:t.bottom+n},className:(0,c.O)("position-bottom-left")}},d=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.bottom;return{style:{position:"absolute",left:r-t.width,top:i+o},className:(0,c.O)("position-bottom-right")}},p=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.left,i=n.right,a=n.bottom;return{style:{position:"absolute",left:(r+i)/2-t.width/2,top:a+o},className:(0,c.O)("position-bottom-center")}},h=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left,top:n.top-t.height-o},className:(0,c.O)("position-top-left")}},f=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.top;return{style:{position:"absolute",left:r-t.width,top:i-t.height-o},className:(0,c.O)("position-top-right")}},v=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.left,a=n.top;return{style:{position:"absolute",left:(i+r)/2-t.width/2,top:a-t.height-o},className:(0,c.O)("position-top-center")}},m={BottomLeft:u,BottomRight:d,BottomCenter:p,TopLeft:h,TopRight:f,TopCenter:v},b=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)(),l=(i.left+i.right)/2,c=o.width/2;return t=l+c>a.width&&i.right-o.width>0?"Right":l-c<0&&i.left+o.widtha.height&&i.top-r-o.height>0?"Top":"Bottom",m[""+n+t](e)},g={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},y=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.left+o.width>a.width&&i.right-o.width>0?"Right":"Left",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",g[""+n+t](e)},x={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},w=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.right-o.width<0&&i.left+o.widtha.height&&i.top-r-o.height>0?"Top":"Bottom",x[""+n+t](e)},C={BottomLeft:u,BottomRight:d,BottomCenter:p,TopLeft:h,TopRight:f,TopCenter:v},P=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)(),l=(i.left+i.right)/2,c=o.width/2;return t=l+c>a.width&&i.right-o.width>0?"Right":l-c<0&&i.left+o.widtha.width&&i.right-o.width>0?"Right":"Left",n=i.top-r-o.height<0&&i.bottom+r+o.heighto.width?"Left":"LeftInViewport",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",E[""+n+t](e)},M=function(e){var t=e.relativeRect,n=e.cushion,o=t.width,r=t.bottom;return{style:{position:"absolute",left:t.left,top:r+n,width:o},className:(0,c.O)("position-same-width")}},L=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:n.top},className:(0,c.O)("position-left-top")}},_=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:(n.top+n.bottom)/2-t.height/2},className:(0,c.O)("position-left-center")}},Z=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:n.bottom-t.height},className:(0,c.O)("position-left-bottom")}},F=function(e){var t=e.relativeRect,n=e.cushion;return{style:{position:"absolute",left:t.right+n,top:t.top},className:(0,c.O)("position-right-top")}},A=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.right+o,top:(n.top+n.bottom)/2-t.height/2},className:(0,c.O)("position-right-center")}},B=function(e){var t=e.relativeRect,n=e.cushion,o=e.contentRect;return{style:{position:"absolute",left:t.right+n,top:t.bottom-o.height},className:(0,c.O)("position-right-bottom")}},D={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},I=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.left+o.width>a.width?"Right":"Left",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",D[""+n+t](e)};function H(e,t,n){return{style:{position:"absolute",left:Math.round(e)+"px",top:Math.round(t)+"px"},className:(0,c.O)("position-arrow-"+n)}}var U={ArrowBottomLeftPosition:function(e){var t=e.relativeRect,n=e.cushion;return H((t.left+t.right)/2-15,t.bottom+n,"bottom-left")},ArrowBottomRightPosition:function(e){var t=e.relativeRect,n=e.cushion,o=e.contentRect,r=t.left,i=t.right,a=t.bottom;return H((r+i)/2-(o.width-15),a+n,"bottom-right")},ArrowLeftTopPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.left-n.width-o,(t.top+n.bottom)/2-9,"left-top")},ArrowLeftBottomPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.left-n.width-o,(t.top+t.bottom)/2-(n.height-9),"left-bottom")},ArrowRightTopPosition:function(e){var t=e.relativeRect,n=e.cushion;return H(t.right+n,(t.top+t.bottom)/2-9,"right-top")},ArrowRightBottomPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.right+o,(t.top+t.bottom)/2-(n.height-9),"right-bottom")},ArrowTopLeftPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion,r=t.right;return H((t.left+r)/2-15,t.top-n.height-o,"top-left")},ArrowTopRightPosition:function(e){var t=e.cushion,n=e.relativeRect,o=e.contentRect,r=n.right,i=n.left,a=n.top;return H((i+r)/2-(o.width-15),a-o.height-t,"top-right")}},V=n(28425),W=n(84042),$=n(673),q=n(19185),Y=n(42108),K=n(80522),X=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.getTriggerProps=function(e){return{}},t.prototype.render=function(){var e=a.Children.only(this.props.children);if(!e)throw new Error("Popover Trigger requires a child");return"number"!=typeof e&&"string"!=typeof e||(e=(0,i.jsx)("span",(0,r.pi)({"data-zv":"10.0.10"},{children:e}),void 0)),(0,i.jsx)(K.Z,{children:(0,a.cloneElement)(e,this.getTriggerProps(e))},void 0)},t.contextType=Y.Z,t}(a.Component),J={Click:W.Z,Hover:$.ZP,Focus:function(e){var t=e.children,n=e.getElement,o=(0,a.useContext)(Y.Z);if(!o)throw new Error("PopoverFocusTrigger must be child of Popover");var l,s={onFocus:function(){for(var e,n,i=[],a=0;a=1)return a(l,this.escape);Promise.resolve(a()).then(l,this.escape)}},t.prototype.adjustPosition=function(){var e;null===(e=this.contentRef.current)||void 0===e||e.adjustPosition()},t.prototype.positionUpdated=function(){var e=this.props,t=e.onPositionReady,n=e.onPositionUpdated;null==n||n(),this.isPositionReady||(this.isPositionReady=!0,null==t||t())},t.prototype.safeSetState=function(e,t){if(!this.isUnmounted)return this.setState(e,t)},t.getDerivedStateFromProps=function(e){return"boolean"==typeof e.visible?{visible:e.visible}:null},t.prototype.componentDidMount=function(){var e=this.props.onShow;this.state.visible&&e&&e(),this.didMountCleanup=this.didMountHooks.map((function(e){return e()}))},t.prototype.componentDidUpdate=function(e,t){if(t.visible!==this.state.visible){var n=this.props,o=n.onShow,r=n.onClose;this.state.visible?(this.isPositionReady=!1,o&&o()):r&&r()}this.adjustPosition()},t.prototype.componentWillUnmount=function(){this.isUnmounted=!0,this.didMountCleanup.forEach((function(e){return e()}))},t.prototype.render=function(){var e=this.props,t=e.containerSelector,n=e.position,o=e.cushion,a=e.className,l=e.children,s=e.style,c=this.state.visible;return(0,i.jsx)(Y.Z.Provider,(0,r.pi)({value:{visible:c,containerSelector:t,placement:n,cushion:o,className:a,portalRef:this.portalRef,contentRef:this.contentRef,popover:this,didMount:this.didMount,style:s}},{children:l}),void 0)},t.contextType=Y.Z,t.defaultProps={cushion:0,containerSelector:"body"},t.Anchor=K.Z,t.Content=V.Z,t.Trigger=J,t.Position=o,t.withPopover=G.ZP,t.Context=Y.Z,t}(a.Component),ee=Q},33806:(e,t,n)=>{var o=n(81044);t.ZP=o.Z},49476:(e,t,n)=>{n.d(t,{w:()=>o});var o={style:{position:"fixed",left:-1e5,top:-1e5,zIndex:-10,opacity:0},className:(0,n(33936).O)("position-invisible")}},33936:(e,t,n)=>{function o(e){return"zent-popover-v2-"+e}n.d(t,{O:()=>o})},84042:(e,t,n)=>{var o=n(59312),r=n(24246),i=n(27378),a=n(19185),l=n(42108),s=n(80522),c=n(80186);t.Z=function(e){var t=e.children,n=e.toggle,u=e.getElement,d=e.closeOnClickOutside,p=void 0===d||d,h=(0,l.l)(),f=(0,i.useRef)(null),v=(0,i.useCallback)((function(e){var t=f.current;if(t){var n=t.getElement();p&&n&&function(e,t,n){return!(!n||!(n instanceof Element)||n.contains(e)||t.contains(e))}(e.target,h.portalRef.current,n)&&h.popover.setVisible(!1)}}),[p,h.popover,h.portalRef]);(0,c.Tb)("click",v,{capture:!0});var m,b=function(){for(var e,r,i=[],l=0;l{n.d(t,{$L:()=>h});var o=n(59312),r=n(24246),i=n(27378),a=n(44879),l=n(49570),s=n(18462),c=n(42108),u=n(80522),d=n(49744),p=n(19185),h=(0,i.createContext)({fixMouseEventsOnDisabledChildren:!1});t.ZP=function(e){var t=(0,i.useContext)(c.Z);if(!t)throw new Error("PopoverHoverTrigger must be child of Popover");var n=(0,i.useRef)(e);n.current=e;var f=(0,i.useMemo)((function(){return new a.x}),[]);(0,i.useEffect)((function(){var e=f.pipe((0,s.w)((function(e){var t=n.current,o=t.hideDelay,r=void 0===o?150:o,i=t.showDelay,a=void 0===i?150:i;return new l.y((function(t){var n=setTimeout((function(){t.next(e),t.complete(),n=null}),e?a:r);return function(){n&&clearTimeout(n)}}))}))).subscribe((function(e){t.popover.setVisible(e)}));return function(){return e.unsubscribe()}}),[t.popover,f]);var v,m=e.children,b=e.fixMouseEventsOnDisabledChildren,g=void 0!==b&&b,y=t.portalRef;if((0,t.didMount)((function(){var e=y.current.container,t=[(0,d.Oo)(e,"mouseenter",(function(){n.current.anchorOnly||f.next(!0)})),(0,d.Oo)(e,"mouseleave",(function(){n.current.anchorOnly||f.next(!1)})),(0,d.Oo)(window,"blur",(function(){f.next(!1)}))];return function(){t.forEach((function(e){return e()}))}})),"function"==typeof m)v=m({onMouseEnter:function(){f.next(!0)},onMouseLeave:function(){f.next(!1)}});else if((0,p.isElement)(m)&&!(0,p.isFragment)(m)){var x=m;v=(0,i.cloneElement)(x,{onMouseEnter:function(){for(var e,t,n=[],r=0;r{n.d(t,{Sv:()=>l,ou:()=>s});var o=n(59312),r=n(27378),i=n(19185),a=n(42108);function l(){var e=(0,r.useContext)(a.Z);if(null===e)throw new Error("usePopover must be used as child of Popover");return e.popover}function s(e){return function(t){var n,a,s=t.displayName||t.constructor.name||"Component",c=!!(null===(a=null==(n=t)?void 0:n.prototype)||void 0===a?void 0:a.isReactComponent)||(0,i.isForwardRef)(t),u=(0,r.forwardRef)((function(n,i){var a,s=l(),u=((a={})[e]=s,a);return c&&(u.ref=i),(0,r.createElement)(t,(0,o.pi)((0,o.pi)({},n),u))}));return u.displayName="withPopover("+s+")",u}}t.ZP=s("popover")},23860:(e,t,n)=>{n.d(t,{h:()=>w,Z:()=>C});var o=n(59312),r=n(24246),i=n(27378),a=n(42690),l=n(79264),s=function(e){var t=e.node,n=e.getParent,o=e.selector;return(0,l.L)((function(){var e=n(o);return e.appendChild(t),function(){e.removeChild(t)}}),[t,o,n]),null},c=n(99496),u=n(54817),d=n(41925),p=n(14805),h=n(31607),f={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},v=["Webkit","ms","Moz","O"];Object.keys(f).forEach((function(e){v.forEach((function(t){f[function(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}(t,e)]=f[e]}))}));var m=n(72551),b=function(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||(0,m.n)(f,e)&&f[e]?(""+t).trim():t+"px"},g=n(49744),y=n(79352),x=new Map,w=(0,i.forwardRef)((function(e,t){var n=e.visible,f=void 0===n||n,v=e.layer,m=void 0===v?"div":v,w=e.selector,C=void 0===w?"body":w,P=e.useLayerForClickAway,j=void 0!==P&&P,k=e.className,z=e.style,S=e.blockPageScroll,N=void 0!==S&&S,R=e.closeOnESC,O=void 0!==R&&R,E=e.closeOnClickOutside,T=void 0!==E&&E,M=e.children,L=e.append,_=(0,i.useMemo)((function(){return y.Z?(0,p.Z)(m):null}),[m]),Z=(0,i.useMemo)((function(){return(0,d.Z)(u.pD)}),[]),F=(0,i.useRef)(e);F.current=e;var A=(0,i.useRef)(z),B=(0,i.useRef)(null);return(0,i.useImperativeHandle)(t,(function(){return{contains:function(e){var t=B.current;return!!t&&t.contains(e)},purePortalRef:B,container:_}}),[_]),(0,l.L)((function(){k&&(_.className=k)}),[_,k]),(0,l.L)((function(){var e=function(e,t){for(var n={},o=Object.keys(e),r=0;r{n.d(t,{M:()=>u,Z:()=>d});var o=n(59312),r=n(24246),i=n(27378),a=n(31542),l=n(41925),s=n(54817),c=(0,i.createContext)({children:[]}),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.childContext={children:[]},t.getContainer=(0,l.Z)((function(e){var n=(0,s.pD)(e);return n?(t.props.append||(0,s.NH)(n),n):n})),t}return(0,o.ZT)(t,e),t.prototype.contains=function(e){var t=this.getContainer(this.props.selector);if(!t)return!1;if(t.contains(e))return!0;for(var n=0,o=this.childContext.children;n{var o=n(23860);t.ZP=o.Z},54817:(e,t,n)=>{function o(e){if(e instanceof Element)return e;if("string"==typeof e){var t=document.querySelector(e);if(t)return t}throw new Error("Invalid selector")}function r(e){for(;e&&e.firstChild;)e.removeChild(e.firstChild)}function i(e){return e===document.body?e.scrollHeight>window.innerHeight:e.scrollHeight>e.clientHeight}n.d(t,{pD:()=>o,NH:()=>r,Se:()=>i})},95388:(e,t,n)=>{n.d(t,{P:()=>B,Z:()=>D});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(33806),c=n(27036),u=(0,l.memo)((function(e){var t=e.item,n=e.onRemove,i=e.renderValue,a=(0,l.useCallback)((function(e){e.stopPropagation(),n(t)}),[n,t]);return(0,r.jsxs)("div",(0,o.pi)({className:"zent-select-v2-tag","data-zv":"10.0.10"},{children:[i?i(t):(0,r.jsx)("span",(0,o.pi)({title:t.text,className:"zent-select-v2-tag-text","data-zv":"10.0.10"},{children:t.text}),void 0),(0,r.jsx)(c.Z,{type:"close",className:"zent-select-v2-tag-close",onClick:a},void 0)]}),void 0)})),d=(0,l.memo)((function(e){var t=e.list,n=e.onRemove,o=e.renderValue;return(0,r.jsx)(r.Fragment,{children:t.map((function(e){return(0,r.jsx)(u,{item:e,onRemove:n,renderValue:o},e.key)}))},void 0)})),p=n(20840),h=(0,l.memo)((function(e){var t=e.value,n=e.active,i=e.selected,l=e.onSelect,s=e.index,u=e.onMouseEnter,d=e.onMouseLeave,h=e.multiple,f=e.children,v=e.loading;return(0,r.jsx)("div",(0,o.pi)({className:a()("zent-select-v2-option",{"zent-select-v2-option-active":n,"zent-select-v2-option-selected":!h&&i,"zent-select-v2-option-selected-bold":h&&i,"zent-select-v2-option-disabled":t.disabled,"zent-select-v2-option-header":"header"===t.type}),onClick:function(e){e.preventDefault(),l(t)},onMouseEnter:function(){return!t.type&&u(s)},onMouseLeave:function(){return!t.type&&d(s)},title:"string"==typeof t.text?t.text:"","data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-select-v2-option-text","data-zv":"10.0.10"},{children:[(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-option-text-content","data-zv":"10.0.10"},{children:f}),void 0),h&&i&&(0,r.jsx)(c.Z,{className:"zent-select-v2-option-selected-multiple",type:"check"},void 0),v&&(0,r.jsx)(p.l,{loading:!0,icon:"circle",iconSize:18,className:"zent-select-v2-option-loading"},void 0)]}),void 0)}),void 0)})),f=n(90475),v=n(79264),m=(0,f.B)(),b=(0,l.forwardRef)((function(e,t){var n=e.placeholder,i=e.onChange,s=e.onIndexChange,c=e.onEnter,u=e.autoWidth,d=e.value,p=(0,l.useRef)(null),h=(0,l.useCallback)((function(){p.current.focus({preventScroll:!0})}),[p]),f=(0,l.useCallback)((function(e){switch(e.key){case"ArrowUp":s(-1);break;case"ArrowDown":s(1);break;case"Enter":c()}}),[s,c]);(0,l.useImperativeHandle)(t,(function(){return{focus:function(){h()}}}));var b=m(d,i),g=b.onChange,y=b.onCompositionEnd,x=b.onCompositionStart,w=b.value;(0,v.L)((function(){h()}),[h]);var C=w||n,P=a()("zent-select-v2-search-wrap",{"zent-select-v2-search-wrap-auto-width":u});return(0,r.jsxs)("span",(0,o.pi)({className:P,"data-zv":"10.0.10"},{children:[(0,r.jsx)("input",{ref:p,placeholder:n,className:"zent-select-v2-search",value:w,onChange:g,onCompositionStart:x,onCompositionEnd:y,onKeyDown:f,"data-zv":"10.0.10"},void 0),u&&(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-search-mirror","aria-hidden":!0,"data-zv":"10.0.10"},{children:C}),void 0)]}),void 0)})),g=n(1348),y=n(80186),x=n(8327),w=n(92497),C=n(52074),P=n(41925),j=n(70453),k=n(12482),z=n(17949);function S(e){var t;return t="function"==typeof e?e:(0,k.Z)(e)?function(t){return Object.keys(e).every((function(n){return(0,z.Z)(e[n],t[n])}))?t:null}:function(t){return t.key===e?t:null},{key:(0,j.Z)("select-item-reviver-"),text:null,type:"reviver",reviver:t}}function N(e){if(Array.isArray(e)){for(var t=!1,n=[],o=0,r=e;o=0?c.filter((function(e,t){return t!==u})):c.concat([r]);a?a(d):s.setState({value:d})}else s.onVisibleChange(!1),(a=s.props.onChange)?a(r):s.setState({value:r})}}},s.onKeywordChange=function(e){s.disabled||s.setKeyword(e.target.value,"user-change")},s.onRemove=function(e){if(!s.disabled){var t=s.state.value,n=s.props,o=n.onChange,r=n.isEqual,i=t.filter((function(t){return!r(e,t)}));s.focusSearchInput(),o?o(i):s.setState({value:i})}},s.onOptionMouseEnter=function(e){s.disabled||s.setState({activeIndex:e})},s.onOptionMouseLeave=function(e){s.disabled||s.setState((function(t){return t.activeIndex===e?{activeIndex:null}:null}))},s.selectCurrentIndex=function(){var e;if(!s.disabled){var t=s.state,n=t.activeIndex,o=t.keyword,r=t.value,i=s.props,a=i.creatable,l=i.options,c=i.filter,u=i.isValidNewOption,d=s.filterOptions(o,l,c,a,u,r);null!==n?s.onSelect(d[n]):d.length&&(null===(e=d[0])||void 0===e?void 0:e.key)===O&&s.onSelect(d[0])}},s.renderOption=function(e,t){var n=s.props,i=n.isEqual,a=n.multiple,l=n.renderOptionContent,c=n.highlight,u=n.filter,d=s.state,p=d.value,f=d.activeIndex,v=d.creating,m=!!p&&(a?p.findIndex((function(t){return i(t,e)}))>=0:i(p,e)),b=null,g=!1;if(e.key===O)g=v,b=(0,r.jsx)(C.Z,(0,o.pi)({componentName:"Select"},{children:function(t){return(0,r.jsxs)("span",(0,o.pi)({className:"zent-select-v2-option-text-highlight","data-zv":"10.0.10"},{children:[t.create,e.text]}),void 0)}}),void 0);else if(l)b=l(e);else{var y=s.state.keyword.trim();b=!1!==u&&y.length>0?null==c?void 0:c(y,e):e.text}return(0,r.jsx)(h,(0,o.pi)({value:e,selected:m,active:t===f,onSelect:s.onSelect,index:t,onMouseEnter:s.onOptionMouseEnter,onMouseLeave:s.onOptionMouseLeave,multiple:a,loading:g},{children:b}),e.key)},s.globalClick=function(e){var t;!s.disabled&&!s.state.open&&s.state.active&&s.triggerRef.current&&s.popoverRef.current&&((null===(t=s.triggerRef.current)||void 0===t?void 0:t.contains(e.target))||s.setState({active:!1}))},s.onIndexChange=function(e){s.disabled||s.setState((function(t,n){var o,r=n.options,i=n.creatable,a=n.filter,l=n.isValidNewOption,c=s.filterOptions(t.keyword,r,a,i,l,t.value);if((o=null===t.activeIndex?e<0?c.length-1:0:(t.activeIndex+e)%c.length)>=c.length&&(o=c.length-1),o<0&&(o=0),!L(c[o])){var u;if(!(u=e>0?function(e,t){for(var n=t;n=0;n-=1)if(L(e[n]))return n;return null}(c,o)))return null;o=u}return t.activeIndex===o?null:{activeIndex:o}}))},s.onClear=function(e){e.stopPropagation();var t=s.state.keyword;if(s.focusSearchInput(),t)s.resetKeyword("user-clear");else if(s.props.multiple){var n=[];(o=s.props.onChange)?o(n):s.setState({value:n})}else{var o;n=null,(o=s.props.onChange)?o(n):s.setState({value:n})}},s.onCreateClick=function(){var e=s.props,t=e.onCreate,n=e.multiple,o=s.state.keyword;t&&(s.setState({creating:!0}),t(o.trim()).then((function(){n?s.focusSearchInput():s.onVisibleChange(!1),s.resetKeyword("option-create")})).finally((function(){s.setState({creating:!1})})))},s.filterOptions=(0,P.Z)((function(e,t,n,r,i,a){void 0===t&&(t=[]);var l=r?function(e){var t,n;return Array.isArray(e)?e.reduce((function(e,t){var n,r;return(null===(r=null===(n=null==t?void 0:t.key)||void 0===n?void 0:n.toString())||void 0===r?void 0:r.indexOf(R))>-1?(0,o.ev)((0,o.ev)([],e),[t]):e}),[]):(null===(n=null===(t=null==e?void 0:e.key)||void 0===t?void 0:t.toString())||void 0===n?void 0:n.indexOf(R))>-1?[e]:[]}(a):[],s=(0,o.ev)((0,o.ev)([],t),l),c=!1!==n&&e?s.filter((function(t){return null==n?void 0:n(e,t)})):s;return(r&&e&&(null==i?void 0:i(e,s))?[{key:O,text:e}]:[]).concat(c)})),s.focusSearchInput=function(){var e,t;null===(t=null===(e=s.inputRef)||void 0===e?void 0:e.current)||void 0===t||t.focus()},a=t.multiple?N(null!==(n=t.value)&&void 0!==n?n:[]):N(null!==(i=t.value)&&void 0!==i?i:null);var c=t.keyword,u=t.width,d=t.options,p=t.size;return s.state={keyword:null!=c?c:"",value:a,open:!1,active:!1,activeIndex:null,prevOptions:d,creating:!1,triggerWidth:null!=u?u:A[p]||240},s.tryReviveOption(t),s}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n,o={prevOptions:e.options};return"string"==typeof e.keyword&&(o.keyword=e.keyword),"boolean"==typeof e.open&&(o.open=e.open,o.active=e.open),e.multiple?Array.isArray(e.value)&&(o.value=N(e.value)):"value"in e&&(o.value=N(null!==(n=e.value)&&void 0!==n?n:null)),e.options!==t.prevOptions&&null!==t.activeIndex&&(e.options.length?t.activeIndex>=e.options.length&&(o.activeIndex=e.options.length-1):o.activeIndex=null),o},t.prototype.componentDidMount=function(){var e;if(!("popupWidth"in this.props)){var t=this.props,n=t.size,o=t.width,r="number"==typeof o?o:A[n]||240,i=(null===(e=this.triggerRef.current)||void 0===e?void 0:e.offsetWidth)||r;this.setState({triggerWidth:i})}},t.prototype.componentDidUpdate=function(e){this.props.options===e.options&&this.props.value===e.value||this.tryReviveOption(this.props)},Object.defineProperty(t.prototype,"disabled",{get:function(){var e=this.props.disabled;return void 0===e?this.context.value:e},enumerable:!1,configurable:!0}),t.prototype.tryReviveOption=function(e){var t,n,o,r,i=e.options;if(e.multiple){var a=null!==(t=e.value)&&void 0!==t?t:[],l=!1,s=a.map((function(e){var t;if("reviver"===e.type)for(var n=0,o=i;n0)return this.renderTagList(s,e);if(l)return null}else{if(l)return null;var s;if(s=this.state.value)return i?i(s):(0,r.jsx)("span",(0,o.pi)({className:"zent-select-v2-text",title:"string"==typeof s.text?s.text:"","data-zv":"10.0.10"},{children:s.text}),void 0)}return(0,r.jsx)("span",(0,o.pi)({className:"zent-select-v2-placeholder","data-zv":"10.0.10"},{children:n}),void 0)},t.prototype.renderTagCollapsedTrigger=function(e){return(0,r.jsxs)("span",(0,o.pi)({className:"zent-select-v2-tag-collapsed-trigger","data-zv":"10.0.10"},{children:["+",e.length]}),void 0)},t.prototype.renderTagList=function(e,t){var n=this.props,i=n.renderValue,a=n.renderTagList,l=n.collapsable,s=n.hideCollapsePop,c=n.collapseAt,u=void 0===c?1:c,p=n.renderCollapsedContent,h=l?e.slice(0,u):e,f=e.slice(u);return(0,r.jsxs)(r.Fragment,{children:["function"==typeof a?a({list:e,onRemove:this.onRemove,renderValue:i}):(0,r.jsx)(d,{list:h,onRemove:this.onRemove,renderValue:i},void 0),l&&f.length>0&&(s?this.renderTagCollapsedTrigger(f):(0,r.jsx)(w.X,(0,o.pi)({trigger:"hover",position:"auto-top-center",cushion:15,content:(0,r.jsx)("div",(0,o.pi)({className:"zent-select-v2-tag-collapsed-content","data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({"data-zv":"10.0.10"},{children:"function"==typeof p?p(f):f.map((function(e,n){return(0,r.jsxs)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:[i?i(e):e.text,n!==f.length-1&&t.tagSeparator]}),e.key)}))}),void 0)}),void 0)},{children:this.renderTagCollapsedTrigger(f)}),void 0))]},void 0)},t.prototype.getSearchPlaceholder=function(){var e=this.props.placeholder;if(this.props.multiple)return this.state.value.length?"":null!=e?e:"";var t=this.state.value;return t&&"string"==typeof t.text?t.text:null!=e?e:""},t.prototype.renderPopoverContent=function(e){var t=this.props,n=t.notFoundContent,i=t.renderOptionList,a=t.loading,l=t.creatable,s=t.options,c=t.filter,u=t.isValidNewOption,d=this.state.keyword.trim(),p=this.state.value;if(a)return Z;var h=this.filterOptions(d,s,c,l,u,p);return(null==h?void 0:h.length)?i(h,this.renderOption):(0,r.jsx)("div",(0,o.pi)({className:"zent-select-v2-popup-empty","data-zv":"10.0.10"},{children:null!=n?n:e.empty}),void 0)},t.prototype.render=function(){var e=this,t=this.state,n=t.keyword,i=t.open,l=t.active,u=t.value,d=t.triggerWidth,p=this.props,h=p.inline,f=p.width,v=p.clearable,m=p.multiple,g=p.popupWidth,x=p.collapsable,w=p.className,P=p.disableSearch,j=p.size,k=p.collapseAt,z=m?Array.isArray(u)&&u.length>0:u,S=v&&!this.disabled&&(n||z);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(C.Z,(0,o.pi)({componentName:"Select"},{children:function(t){return(0,r.jsxs)(s.ZP,(0,o.pi)({ref:e.popoverRef,position:s.ZP.Position.AutoBottomLeft,visible:i,onVisibleChange:e.onVisibleChange,className:"zent-select-v2-popup",style:{width:null!=g?g:d},cushion:4},{children:[(0,r.jsx)(s.ZP.Trigger.Click,{children:(0,r.jsxs)("div",(0,o.pi)({ref:e.triggerRef,className:a()("zent-select-v2","zent-select-v2-"+j,w,{"zent-select-v2-inline":h,"zent-select-v2-active":l,"zent-select-v2-visible":i,"zent-select-v2-disabled":e.disabled,"zent-select-v2-clearable":S,"zent-select-v2-multiple":m,"zent-select-v2-collapsable":x,"zent-select-v2-collapsable-single":1===k}),style:{width:f},onClick:e.focusSearchInput,"data-zv":"10.0.10"},{children:[e.renderValue(t),S&&(0,r.jsx)(c.Z,{type:"close-circle",onClick:e.onClear},void 0),!P&&i&&(0,r.jsx)(b,{placeholder:e.getSearchPlaceholder(),value:n,autoWidth:m,onChange:e.onKeywordChange,onIndexChange:e.onIndexChange,onEnter:e.selectCurrentIndex,ref:e.inputRef},void 0),(0,r.jsx)(c.Z,{type:"down"},void 0)]}),void 0)},void 0),(0,r.jsx)(s.ZP.Content,{children:e.renderPopoverContent(t)},void 0)]}),void 0)}}),void 0),(0,r.jsx)(y.ZP,{eventName:"click",listener:this.globalClick,options:{capture:!0}},void 0)]},void 0)},t.defaultProps={isEqual:E,renderOptionList:M,filter:T,isValidNewOption:F,highlight:_,size:"s",multiple:!1,clearable:!1,loading:!1,creatable:!1},t.contextType=g.d,t.reviveValue=S,t}(l.Component),D=B},8327:(e,t,n)=>{n.d(t,{L:()=>h});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=function(e){return e},s=function(e){var t=e.autoEscape,n=e.caseSensitive,o=e.sanitize,r=void 0===o?l:o,i=e.searchWords,a=e.textToHighlight;return a=r(a),i.filter((function(e){return e})).reduce((function(e,o){"string"==typeof o&&(o=r(o),t&&(o=o.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")));for(var i,l=new RegExp(o,n?"g":"gi");i=l.exec(a);){var s=i.index,c=l.lastIndex;c>s&&e.push({highlight:!1,start:s,end:c}),i.index===l.lastIndex&&l.lastIndex++}return e}),[])};function c(e){var t=e.chunks;return t.sort((function(e,t){return e.start-t.start})).reduce((function(e,t){if(0===e.length)return[t];var n=e.pop();if(t.start<=n.end){var o=Math.max(n.end,t.end);e.push({highlight:!1,start:n.start,end:o})}else e.push(n,t);return e}),[])}var u=n(41925),d=n(72551),p=(0,u.Z)((function(e){var t={};for(var n in e)(0,d.n)(e,n)&&(t[n.toLowerCase()]=e[n]);return t}));function h(e){var t,n=e.textToHighlight,i=e.searchWords,l=e.highlightClassName,u=void 0===l?"":l,d=e.highlightStyle,h=void 0===d?{}:d,f=e.activeIndex,v=void 0===f?-1:f,m=e.activeClassName,b=void 0===m?"":m,g=e.activeStyle,y=e.unhighlightClassName,x=void 0===y?"":y,w=e.unhighlightStyle,C=e.highlightTag,P=void 0===C?"mark":C,j=e.autoEscape,k=void 0!==j&&j,z=e.caseSensitive,S=void 0!==z&&z,N=e.sanitize,R=e.findChunks,O=e.className,E=(0,o._T)(e,["textToHighlight","searchWords","highlightClassName","highlightStyle","activeIndex","activeClassName","activeStyle","unhighlightClassName","unhighlightStyle","highlightTag","autoEscape","caseSensitive","sanitize","findChunks","className"]),T=function(e){var t=e.caseSensitive,n=e.findChunks,o=e.textToHighlight;return function(e){var t=e.chunksToHighlight,n=e.totalLength,o=[],r=function(e,t,n){t-e>0&&o.push({start:e,end:t,highlight:n})};if(0===t.length)r(0,n,!1);else{var i=0;t.forEach((function(e){r(i,e.start,!1),r(e.start,e.end,!0),i=e.end})),r(i,n,!1)}return o}({chunksToHighlight:c({chunks:(void 0===n?s:n)({autoEscape:e.autoEscape,caseSensitive:void 0!==t&&t,sanitize:e.sanitize,searchWords:e.searchWords,textToHighlight:o})}),totalLength:o?o.length:0})}({autoEscape:k,caseSensitive:S,findChunks:R,sanitize:N,searchWords:i,textToHighlight:n}),M=P,L=-1,_="";return(0,r.jsx)("span",(0,o.pi)({className:O},E,{"data-zv":"10.0.10"},{children:T.map((function(e,i){var l,s=n.substr(e.start,e.end-e.start);if(e.highlight){L++;var c;c="object"==typeof u?S?u[s]:(u=p(u))[s.toLowerCase()]:u;var d=L===+v;_=a()(c,((l={})[b]=d,l)),t=!0===d&&null!=g?(0,o.pi)((0,o.pi)({},h),g):h;var f="string"!=typeof M?{highlightIndex:L}:{};return(0,r.jsx)(M,(0,o.pi)({className:_,style:t},f,{children:s}),i)}return(0,r.jsx)("span",(0,o.pi)({className:x,style:w,"data-zv":"10.0.10"},{children:s}),i)}))}),void 0)}},19832:(e,t,n)=>{function o(e){return""+e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}n.d(t,{Z:()=>o})},80186:(e,t,n)=>{n.d(t,{Tb:()=>a,ZM:()=>l});var o=n(24246),r=n(79352),i=n(49744);function a(e,t,n){if(r.Z)return(0,i.xd)(window,e,t,n)}function l(e){var t=e.eventName,n=e.listener,a=e.options;return r.Z?(0,o.jsx)(i.bi,{target:window,eventName:t,listener:n,options:a},void 0):null}t.ZP=l},49744:(e,t,n)=>{n.d(t,{bi:()=>h,Oo:()=>d,xd:()=>p});var o=n(27378);function r(e){return e?!0===e?1:(e.capture?2:0)|(e.passive?4:0)|(e.once?8:0):0}var i=function(){function e(e){this.target=e,this.events={}}return e.prototype.add=function(e,t,n){var o=this,r=this.getEventHandlers(e,n);a(r);var i=r.nextHandlers;0===i.length&&(r.handleEvent=this.handleEvent.bind(this,e,n),this.target.addEventListener(e,r.handleEvent,n)),-1===i.indexOf(t)&&i.push(t);var l=!0;return function(){if(l){l=!1,a(r);var i=r.nextHandlers,s=i.indexOf(t);if(i.splice(s,1),0===i.length){var c=o.target;c&&c.removeEventListener(e,r.handleEvent,n),r.handleEvent=void 0}}}},e.prototype.getEventHandlers=function(e,t){var n=e+" "+r(t);return this.events[n]||(this.events[n]={handlers:[],handleEvent:void 0},this.events[n].nextHandlers=this.events[n].handlers),this.events[n]},e.prototype.handleEvent=function(e,t,n){var o=this.getEventHandlers(e,t);o.handlers=o.nextHandlers,o.handlers.forEach((function(e){e(n)}))},e}();function a(e){e.handlers===e.nextHandlers&&(e.nextHandlers=e.handlers.slice())}var l=n(79352),s=(0,n(41925).Z)((function(){if(!l.Z)return!1;if(!window.addEventListener||!window.removeEventListener||!Object.defineProperty)return!1;var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){return e=!0,!0}}),n=function(){};window.addEventListener("testPassiveEventSupport",n,t),window.removeEventListener("testPassiveEventSupport",n,t)}catch(e){}return e}));function c(e){return!!e&&(s()?e:!!e.capture)}var u=new WeakMap;function d(e,t,n,o){u.has(e)||u.set(e,new i(e));var r=c(o);return u.get(e).add(t,n,r)}function p(e,t,n,i){var a=(0,o.useRef)(n);a.current=n;var l=r(c(i));(0,o.useEffect)((function(){return d(e,t,(function(e){a.current(e)}),i)}),[e,t,l])}var h=function(e){return p(e.target,e.eventName,e.listener,e.options),null}},49566:(e,t,n)=>{function o(e,t,n){var o,r;void 0===t&&(t=0),void 0===n&&(n={});var i=function(t){o=null,void 0!==t&&(r=e.apply(void 0,t))},a=function(){for(var a=[],l=0;lo})},14805:(e,t)=>{t.Z=function(e,t){var n=document.createElement(e,t);return n.setAttribute("data-zv","10.0.10"),n}},27468:(e,t,n)=>{n.d(t,{mP:()=>c});var o=n(49744),r=n(79352);function i(){return Math.max(document.documentElement.clientWidth,window.innerWidth)}function a(){return Math.max(document.documentElement.clientHeight,window.innerHeight)}var l=0,s=0;function c(){return l}r.Z&&(l=a(),s=i(),(0,o.Oo)(window,"resize",(function(){l=a(),s=i()}),{passive:!0})),t.ZP=function(){return{width:s,height:l}}},50707:(e,t,n)=>{n.d(t,{Z:()=>a});var o=n(19832),r=n(33806).ZP.Position,i=r.Arrow;function a(e,t){if("function"==typeof e)return e;var n=e.split("-").map((function(e){return(0,o.Z)(e)})).join(""),a=r[n];return a||(a=r.TopCenter,n="TopCenter"),!t||/^.+Center$/.test(n)?a:i[n="Arrow"+n+"Position"]}},31607:(e,t,n)=>{n.d(t,{n:()=>a});var o=n(79352),r=n(14805),i={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"},a=function(){if(!o.Z)return 0;var e=(0,r.Z)("div");Object.assign(e.style,i),document.body.appendChild(e);var t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t}()},72551:(e,t,n)=>{n.d(t,{n:()=>r});var o=Object.prototype.hasOwnProperty;function r(e,t){return o.call(e,t)}},79264:(e,t,n)=>{n.d(t,{L:()=>r});var o=n(27378),r=n(79352).Z?o.useLayoutEffect:o.useEffect},43239:(e,t,n)=>{n.d(t,{s:()=>r});var o=n(27378);function r(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}})),e}},79352:(e,t)=>{t.Z=!("undefined"==typeof window||!window)},17949:(e,t,n)=>{n.d(t,{Z:()=>s});var o=n(72551),r=Object.prototype.toString,i=Symbol.prototype.valueOf,a=Object.keys,l=Object.is;function s(e,t){for(var n=[{type:"generic",a:e,b:t}],s=[],c=[];n.length>0;){var u=n.pop();if("generic"===u.type){var d=u.a,p=u.b;if(l(d,p))continue;var h=typeof d;if("function"!==h&&"object"!==h&&"object"!=typeof p)return!1;var f=r.call(d);if(f!==r.call(p))return!1;if("[object RegExp]"===f||"[object String]"===f){if(""+d!=""+p)return!1;continue}if("[object Number]"===f){if(!l(+d,+p))return!1;continue}if("[object Date]"===f||"[object Boolean]"===f){if(+d!=+p)return!1;continue}if("[object Symbol]"===f){if(i.call(d)!==i.call(p))return!1;continue}var v="[object Array]"===f;if(!v){if("object"!=typeof d||"object"!=typeof p)return!1;var m=d.constructor,b=p.constructor;if(m!==b&&!("function"==typeof m&&m instanceof m&&"function"==typeof b&&b instanceof b)&&"constructor"in d&&"constructor"in p)return!1}for(var g=s.length;g--;)if(s[g]===d){if(c[g]===p)break;return!1}if(g>=0)continue;if(s.push(d),c.push(p),n.push({type:"children-done"}),v){if((y=d.length)!==p.length)return!1;if(0===y)continue;n.push({type:"array",size:y,index:0,a:d,b:p})}else{if("[object Object]"!==f)throw new Error("isEqual not implemented for "+f);var y=(C=a(d)).length;if(a(p).length!==y)return!1;if(0===y)continue;n.push({type:"object",a:d,b:p,keys:C,size:y,index:0})}}else if("array"===u.type){d=u.a,p=u.b;var x=u.size;(w=u.index){function o(e){if(null===e||"object"!=typeof e)return!1;if(null===Object.getPrototypeOf(e))return!0;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}n.d(t,{Z:()=>o})},65436:(e,t,n)=>{function o(e){return!!e&&("object"==typeof e||"function"==typeof e)&&"function"==typeof e.then}n.d(t,{Z:()=>o})},41925:(e,t,n)=>{n.d(t,{Z:()=>r});var o=function(e,t){return e.length===t.length&&e.every((function(e,n){return e===t[n]}))};function r(e,t){var n;void 0===t&&(t=o);var r,i=[],a=!1;return function(){for(var o=[],l=0;l{n.d(t,{tA:()=>r,$j:()=>i,BN:()=>a});var o=n(27378);function r(e){var t=requestAnimationFrame((function(){t=requestAnimationFrame((function(){e(),t=null}))}));return function(){t&&(cancelAnimationFrame(t),t=null)}}function i(e){var t,n=!1,o=null,i=function(){for(var i=[],a=0;a{function o(){}n.d(t,{Z:()=>o})},78513:(e,t,n)=>{function o(e,t){return null==e?{}:Object.keys(e).reduce((function(n,o){return-1===t.indexOf(o)&&(n[o]=e[o]),n}),{})}n.d(t,{Z:()=>o})},57318:(e,t,n)=>{n.d(t,{l:()=>u});var o=n(79352),r=o.Z?window:{},i=o.Z?document:{},a=r.scroll||r.scrollTo,l=r.performance&&r.performance.now?r.performance.now.bind(r.performance):Date.now;function s(e,t){this.scrollLeft=e,this.scrollTop=t}function c(e,t){var n,o=(l()-e.startTime)/e.duration,i=(n=o=o>1?1:o,.5*(1-Math.cos(Math.PI*n))),a=e.startX+(e.x-e.startX)*i,s=e.startY+(e.y-e.startY)*i;e.method.call(e.scrollable,a,s),a!==e.x||s!==e.y?requestAnimationFrame(c.bind(r,e,t)):t()}function u(e,t,n,u){return void 0===u&&(u=250),new Promise((function(d,p){if(!o.Z)return p();var h,f,v,m,b=l();e===i.body||e===r?(h=r,f=r.scrollX||r.pageXOffset,v=r.scrollY||r.pageYOffset,m=a):(h=e,f=e.scrollLeft,v=e.scrollTop,m=s),c({duration:u,scrollable:h,method:m,startTime:b,startX:f,startY:v,x:t,y:n},d)}))}},70453:(e,t,n)=>{n.d(t,{Z:()=>i});var o=0,r="v"+"10.0.10".replace(/[^0-9a-z]/gi,"x")+Math.ceil(8999*Math.random()+1e3).toString();function i(e){var t=""+r+ ++o;return e?""+e+t:t}},70387:e=>{e.exports=JSON.parse('{"hex":{"$text-600":["--theme-title-color","--theme-body-color","--theme-default-color","--theme-weak-link-color"],"$text-500":["--theme-hint-color"],"$text-400":["--theme-disabled-color","--theme-default-disabled-color"],"$gray-100":["--theme-section-bg"],"$gray-200":["--theme-body-bg","--theme-default-hover-bg","--theme-default-disabled-bg"],"$success-500":["--theme-success-color","--theme-success-border-color"],"$success-100":["--theme-success-bg"],"$warning-500":["--theme-warning-color","--theme-warning-border-color"],"$warning-100":["--theme-warning-bg"],"$danger-500":["--theme-danger-color","--theme-danger-border-color"],"$danger-100":["--theme-danger-bg"],"$text-100":["--theme-default-bg","--theme-primary-color"],"$gray-300":["--theme-default-border-color"],"$primary-100":["--theme-default-selected-bg"],"$primary-500":["--theme-primary-bg","--theme-primary-border-color","--theme-link-color"],"$primary-400":["--theme-primary-hover-bg","--theme-primary-hover-border-color","--theme-link-hover-color","--theme-weak-link-hover-color"],"$primary-600":["--theme-primary-active-bg","--theme-primary-active-border-color","--theme-link-active-color","--theme-weak-link-active-color"],"$star-color":["--theme-rate-bg"]},"rgb":{"$text-600":["--theme-rgb-title-color","--theme-rgb-body-color","--theme-rgb-default-color","--theme-rgb-weak-link-color"],"$text-500":["--theme-rgb-hint-color"],"$text-400":["--theme-rgb-disabled-color","--theme-rgb-default-disabled-color"],"$gray-100":["--theme-rgb-section-bg"],"$gray-200":["--theme-rgb-body-bg","--theme-rgb-default-hover-bg","--theme-rgb-default-disabled-bg"],"$success-500":["--theme-rgb-success-color","--theme-rgb-success-border-color"],"$success-100":["--theme-rgb-success-bg"],"$warning-500":["--theme-rgb-warning-color","--theme-rgb-warning-border-color"],"$warning-100":["--theme-rgb-warning-bg"],"$danger-500":["--theme-rgb-danger-color","--theme-rgb-danger-border-color"],"$danger-100":["--theme-rgb-danger-bg"],"$text-100":["--theme-rgb-default-bg","--theme-rgb-primary-color"],"$gray-300":["--theme-rgb-default-border-color"],"$primary-100":["--theme-rgb-default-selected-bg"],"$primary-500":["--theme-rgb-primary-bg","--theme-rgb-primary-border-color","--theme-rgb-link-color"],"$primary-400":["--theme-rgb-primary-hover-bg","--theme-rgb-primary-hover-border-color","--theme-rgb-link-hover-color","--theme-rgb-weak-link-hover-color"],"$primary-600":["--theme-rgb-primary-active-bg","--theme-rgb-primary-active-border-color","--theme-rgb-link-active-color","--theme-rgb-weak-link-active-color"],"$star-color":["--theme-rgb-rate-bg"]},"vars":{"--theme-primary-bg":{"comment":" Primary background color of components, e.g. primary type button"},"--theme-primary-border-color":{"comment":" Primary border color of components, e.g. primary type button"},"--theme-primary-hover-bg":{"comment":" Hover state of primary background color of components, e.g. primary type button"},"--theme-primary-hover-border-color":{"comment":" Hover state of primary border color of components, e.g. primary type button"},"--theme-primary-active-bg":{"comment":" Active state of primary background color of components, e.g. primary type button"},"--theme-primary-active-border-color":{"comment":" Active state of primary border color of components, e.g. primary type button"},"--theme-link-color":{"comment":" Primary text link brand color"},"--theme-link-hover-color":{"comment":" Hover state of primary text link brand color"},"--theme-link-active-color":{"comment":" Active state of primary text link brand color"},"--theme-weak-link-hover-color":{"comment":" Hover state of primary text weak link brand color"},"--theme-weak-link-active-color":{"comment":" Active state of primary text weak link brand color"}}}')}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return i[e].call(n.exports,n,n.exports,l),n.exports}l.m=i,e=[],l.O=(t,n,o,r)=>{if(!n){var i=1/0;for(c=0;c=r)&&Object.keys(l.O).every((e=>l.O[e](n[s])))?n.splice(s--,1):(a=!1,r0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[n,o,r]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var r=Object.create(null);l.r(r);var i={};t=t||[null,n({}),n([]),n(n)];for(var a=2&o&&e;"object"==typeof a&&!~t.indexOf(a);a=n(a))Object.getOwnPropertyNames(a).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,l.d(r,i),r},l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((t,n)=>(l.f[n](e,t),t)),[])),l.u=e=>e+"-"+{77:"5a0d24387c690a71bc67",183:"59363fb3f4a8cb4b288f",294:"9830d96cf35f04a8fb9b",381:"b6a3c1eb7bf7cfcb1ee3",405:"7941fb569eef0c45f472",413:"cbeac10b57e0d3bfa92f",457:"77002ebe145c42e3c71c",459:"a242ce299808f150ebfc",464:"dcad482a87b99b6bfa34",467:"52c0a521bd531d95bb23",508:"3c35062196dc20048f1e",509:"dd89cb2a446fde27e7de",541:"cf326336c37ed7081141",610:"364f675f2d4041c60cbb",624:"f2c35de5eeee054cb44b",646:"5dafc2d552d80a47ad4d",730:"e21c9db8232350aa7358",772:"e753347057f35d247e1a",835:"9602b6e1d5d62a63e8f5",870:"25c0dfa058fdfd34f943",896:"c50416f68661cd84f165",964:"a8711cda6c86146892d8",1026:"13d783dddf38a6a5e153",1035:"701233b1645e35826111",1074:"e7aaf997c8fed941969d",1127:"746583fb6962c1fc1b11",1216:"fb5a65c7247e9dc21be5",1230:"37190b5778ac2fa53be9",1415:"e33a2a61ddbf51b57c9e",1430:"4f36c74e992b9cd361aa",1553:"3e5206eabf348314f641",1610:"31d21e140310747831d4",1636:"e01e5d5d46d81e4e9df6",1663:"735a3020c28315b6c925",1837:"607d6b12dac81c2d92a9",1846:"065b57cc96e40c78b4c8",1859:"b4b781704e7326162feb",1937:"c68c78ba64a25b5d73cb",2083:"eca27842e3cce7abebd0",2093:"51b8e8fb0743932c52f0",2124:"517651e75834b1254684",2174:"6403081fa8f5ac994007",2221:"004e488f028d439da217",2226:"f68a4762c7da7999878c",2336:"1843d25c0224afc8aec5",2374:"0dd8d37485208ea4eb6b",2397:"7be37a8645f6371636ee",2449:"c22d43d3edf77b6bf1ab",2469:"b03711a4106623145fa3",2476:"92a15ef3f70d71450832",2554:"6b71b0a9bd34459832e6",2583:"e9ae0546850ce11f8a70",2604:"29b10ffe0a89edbd13ce",2673:"5870b02c5b245072df21",2714:"a038ca33e39df5314a15",2764:"34b8145a4edde9b763dd",2779:"19c10041aeb3f69113da",2797:"c67a104140b25c947877",2811:"410b89c0faa20e5835b2",2866:"6c2812cf197b5b07232f",2868:"207043e08a204c75cbb9",3051:"78e75e12884e6def2821",3205:"95674499298ea294eb63",3231:"9f04103d29c20354f61b",3296:"61b72c1d76f425327144",3310:"75a6078c893494259456",3314:"44141721186f97fe02b1",3345:"dc6e1a2dd4f142f2f36a",3369:"6cf76cc747f712049106",3382:"1795100a52e742adac5e",3420:"ebfe824e9974539e99e9",3425:"a1d5470b4696f4f1d6b3",3439:"07911b779531f5c29136",3481:"0b46e87347e4ac5fed41",3533:"067f6305d93007c59bd2",3536:"0fc6a0c94865ed238975",3646:"56cf5d8287101785bf41",3653:"f15d278a6a92923658ec",3679:"11ced6f0bf713792738a",3770:"466d50a89c7e15816415",3775:"2b62b422c2be32fdd20a",3807:"4aeb7e5b8a1ddf9bc86b",3826:"1ed4e3d28b8eb3ab6cda",3854:"93cf8fb0f26b594075a2",3898:"9d6e2f921a41c67a03ad",3935:"291c636888f1bf45d475",4112:"63c1a9255eacd4d811bd",4195:"ad14894e060da0365e3f",4229:"ff1883cb9e5217cdbe8f",4280:"57635153326ccf46aeab",4315:"e5bca41dda7c8ce60fb7",4372:"aee6cc6949817e263ce0",4373:"23612f8f91f642100c76",4439:"2708f2661fd815422677",4471:"86bd07a8e4dcaea4aaf9",4599:"b228648381907ea6b134",4600:"5c15f4a67f9ff84a9da9",4715:"17b6d52544e8e8706e50",4912:"1a8cae0bd62e327ea6dd",4947:"40cbb67e1634685e3aa0",5071:"8209ceaca9132e2aed85",5099:"5a25a45f70fd4fb57ee8",5166:"90d97f832798ce9afa5e",5183:"a8846e0ede1144110644",5217:"1343b37f9b50bc649651",5265:"1162927dd03ff47aa8d3",5353:"602ecd81659283594bc2",5504:"ddc42efffa022a12a163",5646:"f955988b6c2d0a14fe0c",5683:"b2c3a654aa6599d07a12",5762:"b8f9624db20163655019",5807:"7d50a75f1ffac0a5dbff",5870:"c8676029a80fc9a0dc1e",5876:"3c7529a969356146cb9a",5892:"3e8274f85a4280b2164a",5956:"ea4dfd02c1f82e1217ef",6110:"2597444eb14a75581dcb",6286:"b197eb58a9f4b8af9f80",6298:"842bc4066c4606521557",6423:"edeffb22a26866769163",6445:"a20deaf1257976e5a613",6520:"9df9d20b55b36513da0b",6575:"41d99c9ca70797348375",6638:"6d8daa4d2a8c4a78e423",6823:"5f59015197e644c77f38",6852:"380525c5578aa94ce0c0",6874:"8a289a7962e780708062",6938:"290efcb37ae005e78076",6945:"f3bf2e5f5e8ee7471343",7029:"2d2b91912e959e367870",7045:"f8fe05feba2897400ba1",7115:"9cfe09984ee5f840d52b",7167:"0dc43886ec9d304c71f1",7172:"79cb65ce65be11c12b20",7249:"c0b8aa87adbccbcc4f9b",7267:"cae9496979278a9d83c4",7363:"11ab14b76bd754ee716d",7481:"10cb90ec488576392e79",7528:"59a7e58e807f279542b5",7570:"55e41f2f449579655676",7572:"b00d50561a4dc0c9c045",7637:"ddd8da1eb48d9dc43f35",7652:"20a5b8c942c1323dbd78",7659:"2c849f503e21588b4124",7700:"7cfd48e79061c79fd056",7807:"e064eeb9d3904cad8284",7836:"b5bfed8073a2beb189a1",7879:"405c58f097bc3158ebf8",7932:"84c6cdf9659c91cbca2b",7950:"a554584f0bda721d3590",8034:"a48654aafe076151b475",8212:"70ec8af4a3c4476d7ce4",8262:"086f859c773a57168c83",8339:"ce86ea8b78faf514aee2",8503:"1365eb5f934933ad355b",8513:"05eef8492f568378e6b2",8606:"8e878335ed33229c0c3d",8627:"b3fb2c8151d09c187222",8689:"603d9dba3580d228f4a3",8757:"29d69389e8c4f78163d2",8767:"b1ad36bd9f9f02e89459",8770:"2b6e646a1b6e6f384a54",8800:"edc8187fa167168e565d",8846:"5f2c9b087360c0a83a03",8878:"f6437a61de4f9ca04d93",8935:"667ed954b9c085e7ec25",8982:"e5444e38e0c5eca6208e",9052:"936fa363419247a4d641",9086:"bc9ac102624600daee04",9145:"4f12d6a13786e9f0afe4",9349:"27fcc4da566c48f7fe0b",9395:"87059b8fce31c1dc6350",9430:"bfe2cd1add9d07e5a966",9480:"93704f381c318fd5a9db",9499:"9b2cebe1eb1efed5431b",9503:"ef68c52659ca5121f21f",9570:"23d933efff04cf2b84a4",9632:"a85938cc3f83af4a0517",9690:"2cd8980d1cf57c253ab4",9736:"1b67d0fad756c8ca1ea6",9757:"53174c1ce8d926c6b17b",9760:"0b291d8eb9b0e0b2752e",9871:"a74f6f6b5eaaa45fc7b6",9907:"72db89ee413de5677397",9928:"3aa4f476eb7e4f682cc9",9952:"a480fb6afc0a89011ba8"}[e]+".js",l.miniCssF=e=>{},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o={},r="zent-docs:",l.l=(e,t,n,i)=>{if(o[e])o[e].push(t);else{var a,s;if(void 0!==n)for(var c=document.getElementsByTagName("script"),u=0;u{a.onerror=a.onload=null,clearTimeout(h);var r=o[e];if(delete o[e],a.parentNode&&a.parentNode.removeChild(a),r&&r.forEach((e=>e(n))),t)return t(n)},h=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),s&&document.head.appendChild(a)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="/zent/",(()=>{var e={1163:0};l.f.j=(t,n)=>{var o=l.o(e,t)?e[t]:void 0;if(0!==o)if(o)n.push(o[2]);else{var r=new Promise(((n,r)=>o=e[t]=[n,r]));n.push(o[2]=r);var i=l.p+l.u(t),a=new Error;l.l(i,(n=>{if(l.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var r=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+r+": "+i+")",a.name="ChunkLoadError",a.type=r,a.request=i,o[1](a)}}),"chunk-"+t,t)}},l.O.j=t=>0===e[t];var t=(t,n)=>{var o,r,[i,a,s]=n,c=0;for(o in a)l.o(a,o)&&(l.m[o]=a[o]);if(s)var u=s(l);for(t&&t(n);cl(18369)));s=l.O(s)})(); \ No newline at end of file +(()=>{"use strict";var e,t,n,o,r,i={18369:(e,t,n)=>{var o={};n.r(o),n.d(o,{Cascader:()=>k,CopyButton:()=>m,Form:()=>E,Grid:()=>j,Mention:()=>R,NumberInput:()=>T,Pagination:()=>b,Pop:()=>g,PreviewImage:()=>y,RangePicker:()=>x,Select:()=>w,Sweetalert:()=>C,Switch:()=>P,TimePicker:()=>S,Transfer:()=>O,Upload:()=>N,mark:()=>v});var r,i=n(24246),a=(n(75377),n(31542)),l=n(27378),s=n(4289),c=n(69635),u=n(49744),d=n(74566).Z.Provider,p=n(59312),h=n(24654),f={confirm:"Confirm",cancel:"Cancel",comma:", ",ok:"OK",reset:"Reset"},v="en-US",m={copy:"Copy",success:"Copied",error:"Copy failed"},b={jumpTo:function(e){var t=e.input;return(0,i.jsxs)(i.Fragment,{children:["Goto page ",t]},void 0)},pageStats:function(e){var t=e.total,n=e.Text,o=e.select;return(0,i.jsxs)(i.Fragment,{children:["Total ",(0,i.jsx)(n,(0,p.pi)({type:"middle"},{children:t}),void 0)," items, ",o,(0,i.jsx)(n,(0,p.pi)({type:"right"},{children:"per page"}),void 0)]},void 0)},pageStatsStatic:function(e){var t=e.total,n=e.pageSize,o=e.Text;return(0,i.jsxs)(i.Fragment,{children:["Total ",(0,i.jsx)(o,(0,p.pi)({type:"middle"},{children:t}),void 0)," items,",(0,i.jsx)(o,(0,p.pi)({type:"middle"},{children:n}),void 0)," items per page"]},void 0)},selectWidth:100,items:" items"},g=(0,p.pi)({},f),y={alt:"Image download failed",prev:"Previous",next:"Next",rotate:"Rotate"},x={7:"7 days",30:"30 days"},w={input:"Please choose...",empty:"Not Found",tagSeparator:", ",create:"+Create: "},C=(0,p.pi)((0,p.pi)({},f),{title:"Alert"}),P={checked:"On",unchecked:"Off"},j=(0,p.pi)((0,p.pi)({},f),{emptyLabel:"No data"}),k=(0,p.pi)((0,p.pi)({},f),{title:"Title",placeholder:"Please select",searchPlaceholder:"Please select or search",searchEmpty:"No result",empty:"Empty",loading:"loading…"}),z=["1st Quarter","2nd Quarter","3rd Quarter","4th Quarter"],S=function(){return(0,h.i_)(h._z),(0,p.pi)((0,p.pi)({},f),{time:"Please select a time",date:"Please select a date",week:"Please select a week",month:"Please select a month",quarter:"Please select a quarter",year:"Please select a year",range:"Please select a range",timeErrorPop:"Selected time is unavailable",dateErrorPop:"Selected date is unavailable",start:"Start date",end:"End date",startTime:"Start time",endTime:"End time",to:"to",current:{time:"Now",date:"Today",week:"This week",month:"This month",year:"This year"},panel:{hour:"",minute:"",second:"",year:"",hourSelect:"Choose hours",minuteSelect:"Choose minutes",secondSelect:"Choose seconds",titleFormat:"MMMM YYYY",quarterNames:z,yearQuarterName:function(e){var t=e.year,n=e.quarter;return z[n]+" of "+t},dayNames:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}})},N=(0,p.pi)((0,p.pi)({},f),{delete:"Delete",retry:"Retry",failed:"Failed",limit:"Maximum number of files has been reached",add:"Add File",uploading:"File uploading"}),R={noContent:"No result found, press SPACE to finish typing"},O={placeholder:"Please Enter",item:"item",items:"items",emptyLabel:"No Data"},E={required:"required"},T={min:"the minimum value cannot be less than",max:"the maximum value cannot be greater than"},M=(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Z=function(){return(Z=Object.assign||function(e){for(var t,n=1,o=arguments.length;nl;(s||a-i0){var n=t.state.activeIndex;n<0&&(n=0),t.redirectToResult(e[n])}}),0);if("ArrowDown"===n||"ArrowUp"===n)if(t.state.resultVisible){var o=t.state.activeIndex;if(o===ee&&(o=-1),"ArrowDown"===n)o++;else{if("ArrowUp"!==n)return;o--}var r=t.state.matches.length-1;o<0?o=r:o>r&&(o=0),t.setState({activeIndex:o,resultVisible:!0})}else t.setState({activeIndex:0,resultVisible:!0})},t.onResultVisibleChange=function(e){t.setState({resultVisible:e})},t.onInputClick=function(){t.search(t.state.keyword)},t.clearActiveIndex=function(){t.setState({activeIndex:ee})},t.buildLUT=(0,X.Z)((function(e){var t=e[1].groups.reduce((function(e,t){return t.list.reduce((function(e,t){return e.push(t),e}),e)}),[]);return t.sort((function(e,t){return e.title>t.title?1:e.title===t.title?0:-1})),le(t)})),t.redirectToResult=function(e){var n=e.path,o=t.props,r=o.history,i=o.locale.split("-")[0];r.replace("/"+i+"/"+n),t.onResultVisibleChange(!1)},t}return se(t,e),t.prototype.render=function(){var e=this.state,t=e.keyword,n=e.matches,o=e.activeIndex,r=e.resultVisible,a=this.props.locale;return(0,i.jsx)("div",ce({className:"zandoc-react-search-box-popover-wrapper"},{children:(0,i.jsxs)(Y.J,ce({position:Y.J.Position.BottomLeft,visible:r,cushion:5,onVisibleChange:this.onResultVisibleChange},{children:[(0,i.jsx)(Y.J.Trigger.Click,{children:(0,i.jsx)(K.I,{className:"zandoc-react-search-box-input",icon:"search",placeholder:ue[a].placeholder,value:t,onChange:this.onKeywordChange,onClick:this.onInputClick,onKeyDown:this.onKeydown},void 0)},void 0),(0,i.jsx)(Y.J.Content,{children:(0,i.jsx)(re,{matches:n,activeIndex:o,locale:a,redirectToResult:this.redirectToResult,clearActiveIndex:this.clearActiveIndex},void 0)},void 0)]}),void 0)}),void 0)},t.prototype.search=function(e){var t=this.buildLUT(this.props.navData);if(t){var n=t.search(e);this.setState({keyword:e,resultVisible:!0,matches:n,activeIndex:0})}},t}(l.Component),pe=(0,c.EN)(de),he=n(23476),fe=n(93531),ve=n(70387),me=n(61853),be=function(){return(be=Object.assign||function(e){for(var t,n=1,o=arguments.length;n{n.d(t,{z:()=>f,Z:()=>v});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=function(e){var t=e.className,n=(0,o._T)(e,["className"]);return(0,r.jsx)("div",(0,o.pi)({className:l()("zent-btn-group",t)},n,{"data-zv":"10.0.10"}),void 0)},c=n(19185),u=n(27036),d=n(1348),p=n(673);function h(e){var t,n=(0,i.useContext)(d.d),a=(0,i.useContext)(p.$L),s=e.outline,h=e.type,f=void 0===h?"default":h,v=e.size,m=void 0===v?"medium":v,b=e.block,g=e.loading,y=e.disabled,x=void 0===y?n.value:y,w=e.bordered,C=void 0===w||w,P=e.icon,j=e.children,k=e.onMouseEnter,z=e.onMouseLeave;if(!(0,c.isElement)(j)||(0,c.isFragment)(j))throw new Error("Button Directive child must be a non fragment element, string | number | boolean | null is not accepted");var S=(0,i.useRef)(x);S.current=x;var N=(0,i.useRef)(e);N.current=e;var R=j,O=(0,i.useCallback)((function(e){var t=N.current,n=t.loading,o=t.children.props.onClick,r=S.current;n||r?e.preventDefault():null==o||o(e)}),[]),E=P?(0,r.jsx)(u.Z,{type:P},void 0):null,T="text"!==f&&"icon"!==f&&s,M=l()(((t={})["zent-btn-"+f+(T?"-outline":"")]="default"!==f,t["zent-btn-"+m]="medium"!==m,t["zent-btn-block"]=b,t["zent-btn-loading"]=g,t["zent-btn-disabled"]=x,t["zent-btn-border-transparent"]=!C,t),"zent-btn",R.props.className);return function(e,t){var n=t.onMouseEnter,i=t.onMouseLeave;return t.fixMouseEventsOnDisabledChildren?(0,r.jsx)("span",(0,o.pi)({className:"zent-btn-disabled-wrapper",onMouseEnter:n,onMouseLeave:i,"data-zv":"10.0.10"},{children:e}),void 0):e}(i.cloneElement.apply(void 0,(0,o.ev)([j,{className:M,disabled:!(!x&&!g),onClick:O,"data-zv":"10.0.10"},E],i.Children.map(R.props.children,(function(e){return"string"==typeof e?(0,r.jsx)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:e}),void 0):e}))||[])),{fixMouseEventsOnDisabledChildren:a.fixMouseEventsOnDisabledChildren,onMouseEnter:k,onMouseLeave:z})}var f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.href,n=e.target,i=e.htmlType,a=e.type,l=e.size,s=e.block,c=e.disabled,u=e.loading,d=e.outline,p=e.bordered,f=e.icon,v=e.children,m=e.download,b=(0,o._T)(e,["href","target","htmlType","type","size","block","disabled","loading","outline","bordered","icon","children","download"]);return(0,r.jsx)(h,(0,o.pi)({type:a,size:l,block:s,disabled:c,loading:u,outline:d,bordered:p,icon:f,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave},{children:t||n?(0,r.jsx)("a",(0,o.pi)({href:c?void 0:t||"",target:n,download:m},b,{"data-zv":"10.0.10"},{children:v}),void 0):(0,r.jsx)("button",(0,o.pi)({type:i},b,{"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)},t.defaultProps={type:"default",size:"medium",htmlType:"button",bordered:!0},t.Group=s,t.Directive=h,t.contextType=p.$L,t}(i.Component),v=f},90347:(e,t,n)=>{var o=n(3454);t.ZP=o.Z},93531:(e,t,n)=>{n.d(t,{z:()=>ee,Z:()=>te});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=Object.prototype.toString,c=function(e){void 0===e&&(e=[]);var t=[];return e.forEach((function(e){var n;Array.isArray(e)?t=t.concat(c(e)):(n=e,"[object Object]"===s.call(n)?Object.keys(e).forEach((function(n){var o=e[n];!0===o&&t.push(n),t.push(n+"-"+o)})):"string"==typeof e&&t.push(e))})),t},u=c,d=function(e,t){void 0===t&&(t=[]);var n=(0,o.pi)({},e.default);return t.map((function(t){var r=e[t];return r&&Object.keys(r).forEach((function(e){n[e]||(n[e]={}),n[e]=(0,o.pi)((0,o.pi)({},n[e]),r[e])})),t})),n},p={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}}},h=function(e){var t={};return Object.keys(e).forEach((function(n){var r=e[n],i={};Object.keys(r).forEach((function(e){var t=r[e],n=p[e];n?i=(0,o.pi)((0,o.pi)({},i),n(t)):i[e]=t})),t[n]=i})),t},f=function(e){for(var t=[],n=1;nr?s=r:c<0?c=0:c>i&&(c=i);var u=100*s/r,d=-100*c/i+100;return{h:n.hsl.h,s:u,v:d,a:n.hsl.a,source:"rgb"}}var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=(0,m.$j)((function(e,n){t.props.onChange(b(e,n,t.props,t.containerRef.current),e)})),t.handleTouch=function(e){e.persist(),t.handleChange(e)},t.handleMouseDown=function(e){e.persist(),t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners(),this.handleChange.cancel()},t.prototype.unbindEventListeners=function(){this.eventCancelList.forEach((function(e){return e()})),this.eventCancelList=[]},t.prototype.render=function(){var e=this.props.style||{},t=e.color,n=e.white,i=e.black,a=e.pointer,l=e.circle,s=f({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #fff, rgba(255,255,255,0))"},black:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to top, #000, rgba(0,0,0,0))",boxShadow:this.props.shadow},pointer:{position:"absolute",top:-100*this.props.hsv.v+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:t,white:n,black:i,pointer:a,circle:l}},{custom:!!this.props.style});return(0,r.jsx)("div",(0,o.pi)({style:s.color,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleTouch,onTouchStart:this.handleTouch,"data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({style:s.white,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",{style:s.black,"data-zv":"10.0.10"},void 0),(0,r.jsx)("div",(0,o.pi)({style:s.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:s.circle,"data-zv":"10.0.10"},void 0)}),void 0)]}),void 0)}),void 0)},t}(i.Component);function y(e,t,n,o){!t&&e.preventDefault();var r=o.clientWidth,i=o.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(o.getBoundingClientRect().left+window.pageXOffset),c=l-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===n.direction){var u=void 0;if(u=c<0?359:c>i?0:360*(-100*c/i+100)/100,n.hsl.h!==u)return{h:u,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else if(u=void 0,u=s<0?0:s>r?359:100*s/r*360/100,n.hsl.h!==u)return{h:u,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"};return null}var x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=(0,m.$j)((function(e,n){var o=y(e,n,t.props,t.containerRef.current);o&&t.props.onChange(o,e)})),t.handleTouch=function(e){e.persist(),t.handleChange(e)},t.handleMouseDown=function(e){e.persist(),t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.unbindEventListeners=function(){this.eventCancelList.forEach((function(e){return e()})),this.eventCancelList=[]},t.prototype.render=function(){var e=f({default:{hue:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{margin:"0 2px",position:"relative",height:"100%"},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{hue:{background:"linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},pointer:{left:"0px",top:-100*this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===this.props.direction});return(0,r.jsx)("div",(0,o.pi)({style:e.hue,className:"hue-area","data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({className:"hue-bar",style:e.container,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleTouch,onTouchStart:this.handleTouch,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({style:e.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:e.slider,"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)}),void 0)},t}(i.Component);function w(e,t,n,o){!t&&e.preventDefault();var r=o.clientWidth,i=o.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(o.getBoundingClientRect().left+window.pageXOffset),c=l-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===n.direction){var u=void 0;if(u=c<0?0:c>i?1:Math.round(100*c/i)/100,n.hsl.a!==u)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"}}else if(u=void 0,u=s<0?0:s>r?1:Math.round(100*s/r)/100,n.a!==u)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"};return null}var C=n(14805),P={};function j(e,t,n,o){var r=e+"-"+t+"-"+n+(o?"-server":""),i=function(e,t,n,o){if("undefined"==typeof document&&!o)return null;var r=o?new o:(0,C.Z)("canvas");r.width=2*n,r.height=2*n;var i=r.getContext("2d");return i?(i.fillStyle=e,i.fillRect(0,0,r.width,r.height),i.fillStyle=t,i.fillRect(0,0,n,n),i.translate(n,n),i.fillRect(0,0,n,n),r.toDataURL()):null}(e,t,n,o);return P[r]?P[r]:(P[r]=i,i)}var k=function(e){var t=e.white,n=e.grey,o=e.size,i=e.renderers,a=f({default:{grid:{absolute:"0px 0px 0px 0px",background:"url("+j(t,n,o,i.canvas)+") center left"}}});return(0,r.jsx)("div",{style:a.grid,"data-zv":"10.0.10"},void 0)};k.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var z=k,S=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,i.createRef)(),t.eventCancelList=[],t.handleChange=function(e,n){var o=w(e,n,t.props,t.containerRef.current);o&&t.props.onChange(o,e)},t.handleMouseDown=function(e){t.handleChange(e,!0),t.eventCancelList.push((0,v.Oo)(window,"mousemove",t.handleChange)),t.eventCancelList.push((0,v.Oo)(window,"mouseup",t.handleMouseUp,{passive:!0}))},t.handleMouseUp=function(){t.unbindEventListeners()},t.unbindEventListeners=function(){t.eventCancelList.forEach((function(e){return e()})),t.eventCancelList=[]},t}return(0,o.ZT)(t,e),t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.render=function(){var e=this.props.rgb,t=f({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden"},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n rgba("+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:100*e.a+"%"}},overwrite:(0,o.pi)({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return(0,r.jsxs)("div",(0,o.pi)({style:t.alpha,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:t.checkboard,"data-zv":"10.0.10"},{children:(0,r.jsx)(z,{renderers:this.props.renderers},void 0)}),void 0),(0,r.jsx)("div",{style:t.gradient,"data-zv":"10.0.10"},void 0),(0,r.jsx)("div",(0,o.pi)({className:"alpha-bar",style:t.container,ref:this.containerRef,onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({style:t.pointer,"data-zv":"10.0.10"},{children:this.props.pointer?(0,r.jsx)(this.props.pointer,(0,o.pi)({},this.props),void 0):(0,r.jsx)("div",{style:t.slider,"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)]}),void 0)},t}(i.Component),N=n(49566);function R(e,t){(function(e){return"string"==typeof e&&e.includes(".")&&1===parseFloat(e)})(e)&&(e="100%");var n=function(e){return"string"==typeof e&&e.includes("%")}(e);return e=360===t?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:e=360===t?(e<0?e%t+t:e%t)/parseFloat(String(t)):e%t/parseFloat(String(t))}function O(e){return e<=1?100*Number(e)+"%":e}function E(e){return 1===e.length?"0"+e:String(e)}function T(e){return M(e)/255}function M(e){return parseInt(e,16)}var Z={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};var L="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",_="[\\s|\\(]+("+L+")[,|\\s]+("+L+")[,|\\s]+("+L+")\\s*\\)?",F="[\\s|\\(]+("+L+")[,|\\s]+("+L+")[,|\\s]+("+L+")[,|\\s]+("+L+")\\s*\\)?",A={CSS_UNIT:new RegExp(L),rgb:new RegExp("rgb"+_),rgba:new RegExp("rgba"+F),hsl:new RegExp("hsl"+_),hsla:new RegExp("hsla"+F),hsv:new RegExp("hsv"+_),hsva:new RegExp("hsva"+F),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function B(e){return Boolean(A.CSS_UNIT.exec(String(e)))}var D=function(){function e(t,n){if(void 0===t&&(t=""),void 0===n&&(n={}),t instanceof e)return t;this.originalInput=t;var o=function(e){var t,n,o,r={r:0,g:0,b:0},i=1,a=null,l=null,s=null,c=!1,u=!1;return"string"==typeof e&&(e=function(e){if(0===(e=e.trim().toLowerCase()).length)return!1;var t=!1;if(Z[e])e=Z[e],t=!0;else if("transparent"===e)return{r:0,g:0,b:0,a:0,format:"name"};var n=A.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=A.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=A.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=A.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=A.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=A.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=A.hex8.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),a:T(n[4]),format:t?"name":"hex8"}:(n=A.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:(n=A.hex4.exec(e))?{r:M(n[1]+n[1]),g:M(n[2]+n[2]),b:M(n[3]+n[3]),a:T(n[4]+n[4]),format:t?"name":"hex8"}:!!(n=A.hex3.exec(e))&&{r:M(n[1]+n[1]),g:M(n[2]+n[2]),b:M(n[3]+n[3]),format:t?"name":"hex"}}(e)),"object"==typeof e&&(B(e.r)&&B(e.g)&&B(e.b)?(t=e.r,n=e.g,o=e.b,r={r:255*R(t,255),g:255*R(n,255),b:255*R(o,255)},c=!0,u="%"===String(e.r).substr(-1)?"prgb":"rgb"):B(e.h)&&B(e.s)&&B(e.v)?(a=O(e.s),l=O(e.v),r=function(e,t,n){e=6*R(e,360),t=R(t,100),n=R(n,100);var o=Math.floor(e),r=e-o,i=n*(1-t),a=n*(1-r*t),l=n*(1-(1-r)*t),s=o%6;return{r:255*[n,a,i,i,l,n][s],g:255*[l,n,n,a,i,i][s],b:255*[i,i,l,n,n,a][s]}}(e.h,a,l),c=!0,u="hsv"):B(e.h)&&B(e.s)&&B(e.l)&&(a=O(e.s),s=O(e.l),r=function(e,t,n){var o,r,i;function a(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*n*(t-e):n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=R(e,360),t=R(t,100),n=R(n,100),0===t)r=n,i=n,o=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;o=a(s,l,e+1/3),r=a(s,l,e),i=a(s,l,e-1/3)}return{r:255*o,g:255*r,b:255*i}}(e.h,a,s),c=!0,u="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(i=e.a)),i=function(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}(i),{ok:c,format:e.format||u,r:Math.min(255,Math.max(r.r,0)),g:Math.min(255,Math.max(r.g,0)),b:Math.min(255,Math.max(r.b,0)),a:i}}(t);this.originalInput=t,this.r=o.r,this.g=o.g,this.b=o.b,this.a=o.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format||o.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=o.ok}return e.prototype.toHsv=function(){var e=function(e,t,n){e=R(e,255),t=R(t,255),n=R(n,255);var o=Math.max(e,t,n),r=Math.min(e,t,n),i=0,a=o,l=o-r,s=0===o?0:l/o;if(o===r)i=0;else{switch(o){case e:i=(t-n)/l+(t.5?s/(2-o-r):s/(o+r),o){case e:i=(t-n)/s+(t=0&&o<=n.props.dragMax&&n.props.onChange(((t={})[n.props.label]=o,t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),n.eventCancelList.push((0,v.Oo)(window,"mousemove",n.handleDrag)),n.eventCancelList.push((0,v.Oo)(window,"mouseup",n.handleMouseUp,{passive:!0})))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){n.eventCancelList.forEach((function(e){return e()})),n.eventCancelList=[]},n.state={value:String(t.value).toUpperCase(),blurValue:String(t.value).toUpperCase()},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=this.inputRef.current,n=this.props.value;e.value!==n&&n!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(n).toUpperCase()}):this.setState({value:String(n).toUpperCase()}))},t.prototype.componentWillUnmount=function(){this.unbindEventListeners()},t.prototype.render=function(){var e=f({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return(0,r.jsxs)("div",(0,o.pi)({style:e.wrap,"data-zv":"10.0.10"},{children:[(0,r.jsx)("input",{style:e.input,ref:this.inputRef,value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,"data-zv":"10.0.10"},void 0),this.props.label?(0,r.jsx)("span",(0,o.pi)({style:e.label,onMouseDown:this.handleMouseDown,"data-zv":"10.0.10"},{children:this.props.label}),void 0):null]}),void 0)},t}(i.Component),W=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={hexColor:t.props.hex.replace("#","")},t.confirmHexChange=function(e){var n=t.props.onChange,o=t.state.hexColor;U(o)&&n({hex:o,source:"hex"},e)},t.handleHexChange=function(e){t.setState({hexColor:e.hex})},t.handleChange=function(e,n){var o=t.props,r=o.rgb,i=o.hsl,a=o.onChange;e.r||e.g||e.b?a({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,a:r.a,source:"rgb"},n):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a=e.a/100,a({h:i.h,s:i.s,l:i.l,a:e.a,source:"rgb"},n))},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"styles",{get:function(){var e=this.props.showAlpha;return f({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},showAlpha:{alpha:{display:"none"}}},{showAlpha:!e})},enumerable:!1,configurable:!0}),t.getDerivedStateFromProps=function(e,t){var n=e.hex,o={preHex:n,hexColor:t.hexColor};if(n!==t.preHex){var r=n.replace("#","");o.hexColor=r}return o},t.prototype.render=function(){var e=this.props.rgb,t=this.state.hexColor,n=this.styles;return(0,r.jsxs)("div",(0,o.pi)({style:n.fields,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:n.double,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"hex",value:t,onBlur:this.confirmHexChange,onPressEnter:this.confirmHexChange,onChange:this.handleHexChange},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"r",value:e.r,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"g",value:e.g,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.single,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"b",value:e.b,onChange:this.handleChange,dragMax:"255"},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:n.alpha,"data-zv":"10.0.10"},{children:(0,r.jsx)(V,{style:{input:n.input,label:n.label},label:"a",value:Math.round(100*e.a),onChange:this.handleChange,dragMax:"100"},void 0)}),void 0)]}),void 0)},t}(i.PureComponent),$=function(e){var t=e.color,n=e.style,o=e.onClick,i=e.title,a=void 0===i?t:i,l=f({default:{swatch:{background:t,height:"100%",width:"100%",cursor:"pointer"}},custom:{swatch:n}},"custom");return(0,r.jsx)("div",{style:l.swatch,onClick:function(e){o(t,e)},title:a,"data-zv":"10.0.10"},void 0)},q="zent-color-picker",Y=function(e){var t=e.colors,n=e.onClick,i=e.type,a=f({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),l=function(e,t){n({hex:e,source:"hex"},t)};return"simple"===i?(0,r.jsx)("div",(0,o.pi)({className:q+"-colors-select","data-zv":"10.0.10"},{children:t.map((function(e){return(0,r.jsx)("div",{className:q+"-colors-select__preview",style:{backgroundColor:e},onClick:function(){return n(e)},title:e,"data-zv":"10.0.10"},e)}))}),void 0):(0,r.jsx)("div",(0,o.pi)({style:a.colors,"data-zv":"10.0.10"},{children:t.map((function(e){var t="string"==typeof e?{color:e}:e;return(0,r.jsx)("div",(0,o.pi)({style:a.swatchWrap,"data-zv":"10.0.10"},{children:(0,r.jsx)($,(0,o.pi)({},t,{style:a.swatch,onClick:l}),void 0)}),t.color)}))}),void 0)},K=function(e){var t=e.width,n=e.rgb,i=e.hex,a=e.hsv,l=e.hsl,s=e.onChange,c=e.showAlpha,u=e.presetColors,d=e.renderers,p=e.className,h=e.type,v=f({default:{picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},showAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},{showAlpha:!c});return(0,r.jsxs)("div",(0,o.pi)({style:v.picker,className:p,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.saturation,"data-zv":"10.0.10"},{children:(0,r.jsx)(g,{style:v.Saturation,hsl:l,hsv:a,onChange:s},void 0)}),void 0),(0,r.jsxs)("div",(0,o.pi)({style:v.controls,className:"flexbox-fix","data-zv":"10.0.10"},{children:[(0,r.jsxs)("div",(0,o.pi)({style:v.sliders,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.hue,"data-zv":"10.0.10"},{children:(0,r.jsx)(x,{style:v.Hue,hsl:l,onChange:s},void 0)}),void 0),(0,r.jsx)("div",(0,o.pi)({style:v.alpha,"data-zv":"10.0.10"},{children:(0,r.jsx)(S,{style:v.Alpha,rgb:n,hsl:l,renderers:d,onChange:s},void 0)}),void 0)]}),void 0),(0,r.jsxs)("div",(0,o.pi)({style:v.color,"data-zv":"10.0.10"},{children:[(0,r.jsx)(z,{},void 0),(0,r.jsx)("div",{style:v.activeColor,"data-zv":"10.0.10"},void 0)]}),void 0)]}),void 0),(0,r.jsx)(W,{rgb:n,hsl:l,hex:i,onChange:s,showAlpha:c},void 0),(0,r.jsx)(Y,{colors:u,onClick:s,type:h},void 0)]}),void 0)};K.defaultProps={presetColors:["#FFFFFF","#F8F8F8","#F2F2F2","#999999","#444444","#FF4444","#FF6500","#FF884D","#FFCD00","#3FBD00","#3FBC87","#00CD98","#5197FF","#BADCFF","#FFEFB8"],width:200,showAlpha:!1,className:""};var X,J=(X=K,function(e){function t(t){var n=e.call(this,t)||this;return n.debounce=(0,N.Z)((function(e,t,n){e(t,n)}),100),n.handleChange=function(e,t){if(function(e){var t=0,n=0;return["r","g","b","a","h","s","a","v"].forEach((function(o){var r=e[o];r&&(t+=1,isNaN(r)||(n+=1))})),t===n&&e}(e)){var o=H(e,e.h||n.state.oldHue);n.setState(o),n.props.onChangeComplete&&n.debounce(n.props.onChangeComplete,o,t),n.props.onChange&&n.props.onChange(o,t)}},n.state=(0,o.pi)((0,o.pi)({},H(t.color,0)),{visible:t.display}),n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){return(0,o.pi)((0,o.pi)({},H(e.color,t.oldHue)),{visible:e.display})},t.prototype.render=function(){return(0,r.jsx)(X,(0,o.pi)({},this.props,this.state,{onChange:this.handleChange}),void 0)},t.defaultProps={color:{h:250,s:.5,l:.2,a:1}},t}(i.Component)),G=n(33806),Q=n(1348),ee=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={popVisible:!1},t.handleChange=function(e){var n=t.props,o=n.onChange,r=n.showAlpha,i=e;"object"==typeof e&&(i=r?e.rgba:e.hex),o(i)},t.handleVisibleChange=function(e){t.disabled||t.setState({popVisible:e})},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){var e=this.props.disabled;return void 0===e?this.context.value:e},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e,t=this.props,n=t.color,i=t.showAlpha,a=t.className,s=t.wrapperClassName,c=t.type,u=t.presetColors,d=this.state.popVisible,p=d?"zent-color-picker--open":"",h=n;return(0,r.jsxs)(G.ZP,(0,o.pi)({className:l()("zent-color-picker-popover",a),position:G.ZP.Position.AutoBottomLeft,cushion:5,visible:d,onVisibleChange:this.handleVisibleChange},{children:[(0,r.jsx)(G.ZP.Trigger.Click,(0,o.pi)({toggle:!0},{children:(0,r.jsx)("div",(0,o.pi)({className:l()("zent-color-picker",s,p,(e={},e["zent-color-picker_disabled"]=this.disabled,e)),tabIndex:0,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({className:"zent-color-picker__text","data-zv":"10.0.10"},{children:(0,r.jsx)("div",{className:"zent-color-picker__preview",style:{backgroundColor:h},"data-zv":"10.0.10"},void 0)}),void 0)}),void 0)}),void 0),(0,r.jsx)(G.ZP.Content,{children:"simple"===c?(0,r.jsx)(Y,{colors:u,onClick:this.handleChange,type:c},void 0):(0,r.jsx)(J,{color:n,showAlpha:i,onChange:this.handleChange,type:c},void 0)},void 0)]}),void 0)},t.defaultProps={showAlpha:!1,onChange:function(){},className:"",wrapperClassName:"",type:"default",presetColors:["#FFFFFF","#F8F8F8","#F2F2F2","#999999","#444444","#FF4444","#FF6500","#FF884D","#FFCD00","#3FBD00","#3FBC87","#00CD98","#5197FF","#BADCFF","#FFEFB8"]},t.ColorBoard=J,t.contextType=Q.d,t}(i.PureComponent),te=ee},1348:(e,t,n)=>{n.d(t,{d:()=>a,x:()=>l});var o=n(59312),r=n(24246),i=n(27378),a=(0,i.createContext)({value:!1});a.displayName="DisabledContext";var l=function(e){var t=e.value,n=void 0===t||t,l=e.children,s=(0,i.useMemo)((function(){return{value:n}}),[n]);return(0,r.jsx)(a.Provider,(0,o.pi)({value:s},{children:l}),void 0)}},74566:(e,t,n)=>{n.d(t,{Z:()=>a});var o={};n.r(o),n.d(o,{Cascader:()=>i.vT,CopyButton:()=>i.qi,Form:()=>i.l0,Grid:()=>i.rj,Mention:()=>i.pf,NumberInput:()=>i.Y2,Pagination:()=>i.tl,Pop:()=>i.XE,PreviewImage:()=>i.Sy,RangePicker:()=>i.Sq,Select:()=>i.Ph,Sweetalert:()=>i.Hj,Switch:()=>i.rs,TimePicker:()=>i.jI,Transfer:()=>i.FE,Upload:()=>i.gq,mark:()=>i.B1});var r=n(27378),i=n(50642),a=(0,r.createContext)(o)},52074:(e,t,n)=>{var o=n(59312),r=n(27378),i=n(74566),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.receive=function(){var e=this.props.componentName,t=this.context[e];return"function"==typeof t?t():t},t.prototype.render=function(){return(0,this.props.children)(this.receive())},t.contextType=i.Z,t}(r.Component);t.Z=a},24654:(e,t,n)=>{function o(e){return e}n.d(t,{i_:()=>o,_z:()=>r,U1:()=>i});var r={dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],amPm:["am","pm"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:+(e-e%10!=10)*e%10]}},i={dayNamesShort:["周日","周一","周二","周三","周四","周五","周六"],dayNames:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],monthNamesShort:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],monthNames:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],amPm:["上午","下午"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:+(e-e%10!=10)*e%10]}}},50642:(e,t,n)=>{n.d(t,{B1:()=>l,qi:()=>s,tl:()=>c,XE:()=>u,Sy:()=>d,Sq:()=>p,Ph:()=>h,rs:()=>f,Hj:()=>v,rj:()=>m,vT:()=>b,jI:()=>y,gq:()=>x,pf:()=>w,FE:()=>C,l0:()=>P,Y2:()=>j});var o=n(59312),r=n(24246),i=n(24654),a={confirm:"确定",cancel:"取消",ok:"我知道了",comma:"，",reset:"重置"},l="zh-CN",s={copy:"复制",success:"复制成功",error:"复制失败"},c={jumpTo:function(e){var t=e.input;return(0,r.jsxs)(r.Fragment,{children:["跳至",t,"页"]},void 0)},pageStats:function(e){var t=e.total,n=e.select,i=e.Text;return(0,r.jsxs)(r.Fragment,{children:["共 ",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:t}),void 0)," 条，每页",n]},void 0)},pageStatsStatic:function(e){var t=e.total,n=e.pageSize,i=e.Text;return(0,r.jsxs)(r.Fragment,{children:["共 ",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:t}),void 0)," 条，每页",(0,r.jsx)(i,(0,o.pi)({type:"middle"},{children:n}),void 0)," 条"]},void 0)},selectWidth:80,items:"条"},u=(0,o.pi)({},a),d={alt:"图片下载失败",prev:"上一张",next:"下一张",rotate:"翻转"},p={7:"近7天",30:"近30天"},h={input:"请选择",empty:"暂无数据",tagSeparator:"、",create:"+点击新建："},f={checked:"开启",unchecked:"关闭"},v=(0,o.pi)((0,o.pi)({},a),{title:"提示"}),m=(0,o.pi)((0,o.pi)({},a),{emptyLabel:"没有更多数据了"}),b=(0,o.pi)((0,o.pi)({},a),{title:"标题",placeholder:"请选择",searchPlaceholder:"请选择或输入搜索",searchEmpty:"无搜索结果",empty:"无数据",loading:"加载中…"}),g=["第一季度","第二季度","第三季度","第四季度"],y=function(){return(0,i.i_)(i.U1),(0,o.pi)((0,o.pi)({},a),{time:"请选择时间",date:"请选择日期",week:"请选择自然周",month:"请选择月份",quarter:"请选择季度",year:"请选择年份",range:"开始日期 至 结束日期",timeErrorPop:"时间不可用",dateErrorPop:"日期不可用",start:"开始日期",end:"结束日期",startTime:"开始时间",endTime:"结束时间",to:"至",current:{time:"当前时间",date:"今天",week:"当前周",month:"当前月",year:"当前年"},panel:{hour:"时",minute:"分",second:"秒",year:"年",hourSelect:"选择小时",minuteSelect:"选择分钟",secondSelect:"选择秒",titleFormat:"YYYY年MMM",quarterNames:g,yearQuarterName:function(e){var t=e.year,n=e.quarter;return t+"年"+g[n]},dayNames:["日","一","二","三","四","五","六"],monthNames:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]}})},x=(0,o.pi)((0,o.pi)({},a),{delete:"删除",retry:"重新上传",failed:"上传失败",limit:"文件添加个数已达上限",add:"添加文件",uploading:"文件上传中"}),w={noContent:"无匹配结果，轻敲空格完成输入"},C={placeholder:"请输入搜索内容",item:"项",items:"项",emptyLabel:"暂无数据"},P={required:"必填"},j={min:"最小值不能小于",max:"最大值不能大于"}},39215:(e,t,n)=>{n.d(t,{J:()=>l});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=(0,n(27378).forwardRef)((function(e,t){var n=e.className,i=e.spin,l=e.type,s=(0,o._T)(e,["className","spin","type"]);return(0,r.jsx)("i",(0,o.pi)({ref:t,className:a()("zenticon","zenticon-"+l,n,{"zenticon-spin":i})},s,{"data-zv":"10.0.10"}),void 0)}));l.displayName="ZentIcon",t.Z=l},27036:(e,t,n)=>{var o=n(39215);t.Z=o.Z},38841:(e,t,n)=>{n.d(t,{B:()=>o});var o=(0,n(27378).createContext)({enable:!1});o.displayName="IMECompositionContext"},90475:(e,t,n)=>{n.d(t,{B:()=>l});var o=n(59312),r=n(27378),i=n(38841),a={getEventValue:function(e){return e.target.value}};function l(e){var t=(0,o.pi)((0,o.pi)({},a),e).getEventValue;return function(e,n,a,l){var s=(0,r.useContext)(i.B),c=(0,r.useRef)(!1),u=(0,r.useState)(e),d=u[0],p=u[1],h=(0,r.useRef)(n),f=(0,r.useRef)(a),v=(0,r.useRef)(l);(0,r.useEffect)((function(){h.current=n,f.current=a,v.current=l}),[n,a,l]),(0,r.useEffect)((function(){p(e)}),[e]);var m=(0,r.useCallback)((function(){for(var e,n=[],r=0;r{n.d(t,{I:()=>z,Z:()=>S});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(27036),c=n(90475);function u(e){e.preventDefault()}var d=(0,c.B)(),p=(0,i.forwardRef)((function(e,t){var n=e.addonBefore,i=e.addonAfter,a=e.showClear,c=e.value,p=e.onChange,h=e.onCompositionStart,f=e.onCompositionEnd,v=e.onClear,m=(e.width,e.size,e.onPressEnter,e.autoFocus,e.autoSelect,e.initSelectionStart,e.initSelectionEnd,e.icon),b=e.iconPosition,g=void 0===b?"end":b,y=(e.inline,e.onIconClick),x=(0,o._T)(e,["addonBefore","addonAfter","showClear","value","onChange","onCompositionStart","onCompositionEnd","onClear","width","size","onPressEnter","autoFocus","autoSelect","initSelectionStart","initSelectionEnd","icon","iconPosition","inline","onIconClick"]),w=d(c,p,h,f),C=w.value,P=w.onChange,j=w.onCompositionStart,k=w.onCompositionEnd,z=a&&c&&!x.disabled&&!x.readOnly,S=l()("zent-input-icon",{"zent-input-icon-click":!!y});return(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-input-addon-before","data-zv":"10.0.10"},{children:n}),void 0),m&&"front"===g?(0,r.jsx)(s.Z,{className:S,type:m,onMouseUp:u,onMouseDown:u,onClick:y},void 0):null,(0,r.jsx)("input",(0,o.pi)({},x,{ref:t,className:"zent-input",value:C,onChange:P,onCompositionStart:j,onCompositionEnd:k,"data-zv":"10.0.10"}),void 0),z&&(0,r.jsx)(s.Z,{className:"zent-input-icon",type:"close-circle",onClick:v,onMouseDown:u},void 0),m&&"end"===g?(0,r.jsx)(s.Z,{className:S,type:m,onMouseUp:u,onMouseDown:u,onClick:y},void 0):null,i&&(0,r.jsx)("div",(0,o.pi)({className:"zent-input-addon-after","data-zv":"10.0.10"},{children:i}),void 0)]},void 0)}));p.displayName="Input";var h=n(49744),f=new Map;function v(e){var t=f.get(e);t&&t.destroy()}function m(e){var t=f.get(e);t&&t.update()}function b(e){return"length"in e}var g=n(42690),y=n(79264),x=(0,c.B)(),w=(0,i.forwardRef)((function(e,t){var n=e.value,i=e.onChange,a=e.onCompositionStart,s=e.onCompositionEnd,c=e.autoSize,u=e.showCount,d=e.maxLength,p=(e.width,e.size,e.onPressEnter,e.autoFocus,e.autoSelect,e.initSelectionStart,e.initSelectionEnd,e.inline,e.maxCharacterCount),w=(e.type,(0,o._T)(e,["value","onChange","onCompositionStart","onCompositionEnd","autoSize","showCount","maxLength","width","size","onPressEnter","autoFocus","autoSelect","initSelectionStart","initSelectionEnd","inline","maxCharacterCount","type"])),C=x(n,i,a,s),P=C.value,j=C.onChange,k=C.onCompositionStart,z=C.onCompositionEnd,S=t;(0,y.L)((function(){if(!c)return g.Z;var e=S.current;return e?(function(e){e&&Array.prototype.forEach.call(b(e)?e:[e],(function(e){return function(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!f.has(e)){var t,n=NaN,o=NaN,r=NaN,i=[],a=function(t){i.forEach((function(e){return e()})),i.splice(0,i.length),Object.keys(t).forEach((function(n){e.style[n]=t[n]})),f.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});i.push((0,h.Oo)(e,"autosize:destroy",a)),"onpropertychange"in e&&"oninput"in e&&i.push((0,h.Oo)(e,"keyup",c)),i.push((0,h.Oo)(window,"resize",(function(){e.clientWidth!==o&&c()}))),i.push((0,h.Oo)(e,"input",c)),i.push((0,h.Oo)(e,"autosize:update",c)),e.style.overflowX="hidden",e.style.wordWrap="break-word",f.set(e,{destroy:a,update:c}),"vertical"===(t=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),n="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(n)&&(n=0),c()}function l(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+n+"px",o=e.clientWidth,t.forEach((function(e){e.node.scrollTop=e.scrollTop})),r&&(document.documentElement.scrollTop=r)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),o="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(op;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("textarea",(0,o.pi)({},w,{ref:t,className:l()("zent-textarea",{"zent-textarea-with-count":u}),value:P,maxLength:d,onChange:j,onCompositionStart:k,onCompositionEnd:z,"data-zv":"10.0.10"}),void 0),u&&(0,r.jsxs)("span",(0,o.pi)({className:l()("zent-textarea-count",{"zent-textarea-out-of-range-text":N}),"data-zv":"10.0.10"},{children:[(P||"").length,"/",null!=d?d:p]}),void 0)]},void 0)}));w.displayName="TextArea";var C=n(77125),P=n(1348),j=n(78513),k=["className","width","style","size","disabled","widthSize"],z=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.elementRef=(0,i.createRef)(),t.state={hasFocus:!1},t.onKeyDown=function(e){var n=t.props,o=n.onKeyDown,r=n.onPressEnter;r&&"Enter"===e.key&&r(e),o&&o(e)},t.onFocus=function(e){t.setState({hasFocus:!0});var n=t.props.onFocus;n&&n(e)},t.onBlur=function(e){t.setState({hasFocus:!1});var n=t.props.onBlur;n&&n(e)},t.clearInput=function(e){var n=t.props.onChange,r=Object.create(e);r.target=(0,o.pi)((0,o.pi)({},t.props),{value:""}),r.fromClearButton=!0,n&&n(r)},t.renderInput=function(e){return t.renderImpl(e)},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"input",{get:function(){return this.elementRef.current},enumerable:!1,configurable:!0}),t.prototype.focus=function(){var e=this.elementRef.current;e&&e.focus()},t.prototype.select=function(e,t){var n=this.elementRef.current;n&&("number"==typeof e&&"number"==typeof t?n.setSelectionRange(e,t):n.select())},t.prototype.componentDidMount=function(){var e=this.props,t=e.autoFocus,n=e.autoSelect,o=e.initSelectionStart,r=e.initSelectionEnd,i=this.elementRef.current;t&&i&&i.focus(),n&&this.select(o,r)},t.prototype.renderImpl=function(e){var t,n,i,a=this.props,s=a.type,c=a.className,u=a.width,d=a.style,h=a.size,f=a.disabled,v=void 0===f?e.value:f,m=a.readOnly,b=a.widthSize,g=this.state.hasFocus,y="textarea"===s.toLowerCase(),x=!(v||m),C=this.context.renderInner,P=(0,o.pi)((0,o.pi)({},d),{width:u}),z=!1;if("textarea"===a.type){var S=null===(n=this.elementRef.current)||void 0===n?void 0:n.value;z=!(!a.maxCharacterCount||!S)&&S.length>a.maxCharacterCount,i=(0,r.jsx)(w,(0,o.pi)({},(0,j.Z)(a,k),{ref:this.elementRef,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:v}),void 0)}else i=(0,r.jsx)(p,(0,o.pi)({},(0,j.Z)(a,k),{ref:this.elementRef,onClear:this.clearInput,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:v}),void 0);var N=l()("zent-input-wrapper","zent-input--size-"+h,((t={})["zent-input-wrapper--width-"+b]=!!b,t["zent-input-wrapper__not-editable"]=!x,t["zent-textarea-wrapper"]=y,t["zent-textarea-wrapper-out-of-range"]=z,t["zent-input-addons"]=!y&&(a.addonAfter||a.addonBefore),t["zent-input--has-focus"]=g,t["zent-input-wrapper-inline"]=a.inline,t["zent-input-wrapper-disabled"]=v,t),c);return(0,r.jsx)("div",(0,o.pi)({className:N,style:P,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,"data-zv":"10.0.10"},{children:C?C(i):i}),void 0)},t.prototype.render=function(){return(0,r.jsx)(P.d.Consumer,{children:this.renderInput},void 0)},t.contextType=C.r,t.displayName="ZentInput",t.defaultProps={type:"text",size:"normal"},t}(i.Component),S=z},77125:(e,t,n)=>{n.d(t,{r:()=>o});var o=(0,n(27378).createContext)({renderInner:null})},20840:(e,t,n)=>{n.d(t,{l:()=>c});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(73326),s=n(56975);function c(e){var t=e.loading,n=void 0!==t&&t,i=e.delay,c=void 0===i?0:i,u=e.className,d=e.icon,p=void 0===d?"circle":d,h=e.iconSize,f=e.iconText,v=e.textPosition,m=void 0===v?"bottom":v,b=e.colorPreset,g=void 0===b?"primary":b,y=e.textSize;return(0,l.Z)({loading:n,delay:c})||!n?null:(0,r.jsx)("div",(0,o.pi)({className:a()("zent-loading","zent-loading--inline",u),"data-zv":"10.0.10"},{children:(0,r.jsx)(s.Z,{icon:p,size:h,text:f,textPosition:m,colorPreset:g,textSize:y},void 0)}),void 0)}t.Z=c},56975:(e,t,n)=>{n.d(t,{Z:()=>f});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i);function l(e){return a()({"zent-loading-icon-and-text--bottom":"bottom"===e,"zent-loading-icon-and-text--top":"top"===e,"zent-loading-icon-and-text--left":"left"===e,"zent-loading-icon-and-text--right":"right"===e})}function s(e){var t=e.size,n=e.text,i=e.textPosition,s=e.colorPreset,u=e.textSize,d=void 0===u?14:u;return t=t||40,(0,r.jsxs)("div",(0,o.pi)({className:a()("zent-loading-icon-and-text","zent-loading-icon-and-text--youzan","zent-loading-color-preset--"+s,l(i)),"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon zent-loading-icon-youzan",style:{height:t,width:t},"data-zv":"10.0.10"},{children:(0,r.jsx)(c,{size:t},void 0)}),void 0),n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon-text",style:{fontSize:d+"px"},"data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)}function c(e){var t=e.size;return(0,r.jsx)("svg",(0,o.pi)({width:u(t,19),height:u(t,23),viewBox:"0 0 19 23",xmlns:"http://www.w3.org/2000/svg",className:"zent-loading-icon-youzan-svg","data-zv":"10.0.10"},{children:(0,r.jsx)("path",{d:"M4.649 22.4V11.573c3.245-.966 4.18-10.27 4.18-10.27.084-.621.64-1.204 1.252-1.3l-.21.033C11.495-.22 12.71.92 12.583 2.58l-.337 4.43c-.046.613.404 1.051 1.006.98l4.005-.482c1.216-.146 1.97.714 1.682 1.92 0 0-.135.403-.21 1.111-.073.708.312.96.23 1.986-.08 1.027-.411 1.154-.479 1.944s.174.888.122 1.628c-.068.955-.434 1.205-.508 1.66-.074.457.01.779.01.779.081.904-.55 1.753-1.435 1.898L4.649 22.4zM3.568 11.801v10.776l-2.5.409C.478 23.082 0 22.67 0 22.064v-8.762c0-.454.357-.89.797-.972 0 0 1.64-.307 2.77-.529z",fillRule:"evenodd","data-zv":"10.0.10"},void 0)}),void 0)}function u(e,t){return e/40*t}var d={primary:["#155BD4","#EDF4FF"],grey:["#CCC","#F7F7F7"]},p=function(e,t){var n=d[t];return(0,r.jsx)("svg",(0,o.pi)({width:e+"px",height:e+"px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",className:"zent-loading-icon zent-loading-icon-circle","data-zv":"10.0.10"},{children:(0,r.jsxs)("g",(0,o.pi)({id:"loading",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd","data-zv":"10.0.10"},{children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"20",height:"20","data-zv":"10.0.10"},void 0),(0,r.jsx)("path",{d:"M10,2 C14.418278,2 18,5.581722 18,10 C18,14.418278 14.418278,18 10,18 C5.581722,18 2,14.418278 2,10 C2,5.581722 5.581722,2 10,2 Z M10,4 C6.6862915,4 4,6.6862915 4,10 C4,13.3137085 6.6862915,16 10,16 C13.3137085,16 16,13.3137085 16,10 C16,6.6862915 13.3137085,4 10,4 Z",fill:n[1],fillRule:"nonzero","data-zv":"10.0.10"},void 0),(0,r.jsx)("path",{d:"M10,2 L10,4 L10,4 C6.6862915,4 4,6.6862915 4,10 C4,13.3137085 6.6862915,16 10,16 L10,18 L10,18 C5.581722,18 2,14.418278 2,10 C2,5.581722 5.581722,2 10,2 Z",fill:n[0],fillRule:"nonzero","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0)};function h(e){var t=e.size,n=e.text,i=e.textPosition,s=e.textSize,c=void 0===s?14:s,u=e.colorPreset;return t=t||20,(0,r.jsxs)("div",(0,o.pi)({className:a()("zent-loading-icon-and-text","zent-loading-icon-and-text--circle","zent-loading-color-preset--"+u,l(i)),"data-zv":"10.0.10"},{children:[p(t,u),n&&(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-icon-text",style:{fontSize:c+"px"},"data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)}function f(e){var t=e.icon,n=(0,o._T)(e,["icon"]);return"youzan"===t?(0,r.jsx)(s,(0,o.pi)({},n),void 0):"circle"===t?(0,r.jsx)(h,(0,o.pi)({},n),void 0):null}},73326:(e,t,n)=>{n.d(t,{Z:()=>r});var o=n(27378);function r(e){var t=e.loading,n=e.delay,r=!!(n&&n>0),i=(0,o.useState)(r),a=i[0],l=i[1];return(0,o.useEffect)((function(){if(t&&r){l(!0);var e=setTimeout((function(){return l(!1)}),n);return function(){return clearTimeout(e)}}return l(r)}),[t,n,r]),a}},23476:(e,t,n)=>{n.d(t,{g:()=>P,Z:()=>j});var o=n(59312),r=n(24246),i=n(31542),a=n(79352),l=n(14805),s=n(27378),c=n(14623),u=n(53552),d=n(27036),p=function(e){var t=e.children,n=(0,o._T)(e,["children"]);return(0,r.jsx)(c.Z,(0,o.pi)({},n,{timeout:800,classNames:"notify"},{children:t}),void 0)},h={success:"check-circle",warn:"warning",error:"close-circle",info:"info-circle"},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onExited=function(){t.props.close()},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.text,n=e.status,i=e.selector,a=e.isIn;return(0,r.jsx)(u.ZP,(0,o.pi)({selector:i},{children:(0,r.jsx)(p,(0,o.pi)({appear:!0,unmountOnExit:!0,in:a,onExited:this.onExited},{children:(0,r.jsx)("div",(0,o.pi)({className:"zent-notify","data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-notify-content zent-notify-content-"+n,"data-zv":"10.0.10"},{children:[(0,r.jsx)(d.Z,{className:"zent-notify-content-icon",type:h[n]},void 0),(0,r.jsx)("div",(0,o.pi)({"data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},t.defaultProps={text:"",status:"",className:""},t}(s.Component),v=0,m=3500,b="body",g={},y="zent-notify-container",x=function(e){var t=g[e];if(t){var n=t.container,o=t.callback,r=t.timeOutId;clearTimeout(r),i.unmountComponentAtNode(n),delete g[e],function(e){"function"==typeof e&&e()}(o)}},w=function(e,t){e.classList&&!e.classList.contains(t)&&e.classList.add(t)},C=function(e,t,n,s,c,u){if(!a.Z)return null;var d=(0,l.Z)("div"),p=function(e,t){var n=e||b,o=document.querySelector(n+" > ."+y),r=document.querySelector(n)||document.body;if(!o){var i=(0,l.Z)("div");i.className=y,o=r.appendChild(i)}return t&&w(o,t),"body"!==n&&w(o,"zent-notify-container-custom"),o}(c,u),h={text:e,status:n,duration:t,isIn:!0,selector:p};i.render((0,r.jsx)(f,(0,o.pi)({},h),void 0),d);var C=++v,P=setTimeout((function(){i.render((0,r.jsx)(f,{isIn:!1,text:e,selector:p,status:n,close:function(){return x(C)}},void 0),d)}),h.duration||m);return g[C]={container:d,callback:s,timeOutId:P},C},P={info:function(e,t,n,o,r){return C(e,t,"info",n,o,r)},success:function(e,t,n,o,r){return C(e,t,"success",n,o,r)},warn:function(e,t,n,o,r){return C(e,t,"warn",n,o,r)},error:function(e,t,n,o,r){return C(e,t,"error",n,o,r)},clear:function(e){e?x(e):Object.keys(g).forEach((function(e){x(e)}))},config:function(e){e.duration&&(m=e.duration),e.containerSelector&&(b=e.containerSelector)}},j=P},92497:(e,t,n)=>{n.d(t,{X:()=>g,Z:()=>y});var o=n(59312),r=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(33806),c=n(16078),u=n(50707),d=n(90347),p=n(52074),h=n(65436);function f(e,t,n,o){if("function"!=typeof o)return n.close();var r=function(){t(e,!0)},i=function(){t(e,!1,n.close)};if(o.length>=1)return r(),o(i);var a=o();(0,h.Z)(a)?(r(),a.then(i).catch((function(){return t(e,!1)}))):n.close()}var v=function(e){var t=e.type,n=e.onConfirm,a=e.onCancel,l=e.confirmText,s=e.cancelText,u=e.confirmPending,h=e.cancelPending,v=e.changePending,m=(0,c.Sv)(),b=(0,i.useCallback)((function(){f("confirmPending",v,m,n)}),[n,m,v]),g=(0,i.useCallback)((function(){f("cancelPending",v,m,a)}),[a,m,v]);return(0,r.jsxs)("div",(0,o.pi)({className:"zent-pop-v2-buttons","data-zv":"10.0.10"},{children:[(0,r.jsx)(p.Z,(0,o.pi)({componentName:"Pop"},{children:function(e){return(0,r.jsx)(d.ZP,(0,o.pi)({loading:h,disabled:u,size:"small",onClick:g},{children:s||e.cancel}),void 0)}}),void 0),(0,r.jsx)(p.Z,(0,o.pi)({componentName:"Pop"},{children:function(e){return(0,r.jsx)(d.ZP,(0,o.pi)({loading:u,disabled:h,size:"small",type:t,onClick:b},{children:l||e.confirm}),void 0)}}),void 0)]}),void 0)},m=n(42690),b=s.ZP.Trigger,g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,i.createRef)(),t.isUnmounted=!1,t.state={confirmPending:!1,cancelPending:!1},t.changePending=function(e,n,o){var r;t.isUnmounted||t.setState(((r={})[e]=n,r),o)},t}return(0,o.ZT)(t,e),t.prototype.adjustPosition=function(){var e=this.popoverRef.current;e&&e.adjustPosition()},t.prototype.getWrappedPopover=function(){return this.popoverRef.current},t.prototype.renderTrigger=function(){var e=this.props;switch(e.trigger){case"click":return(0,r.jsx)(b.Click,(0,o.pi)({closeOnClickOutside:e.closeOnClickOutside},{children:e.children}),void 0);case"hover":return(0,r.jsx)(b.Hover,(0,o.pi)({showDelay:e.mouseEnterDelay,hideDelay:e.mouseLeaveDelay,anchorOnly:e.anchorOnly,fixMouseEventsOnDisabledChildren:e.fixMouseEventsOnDisabledChildren},{children:e.children}),void 0);case"focus":return(0,r.jsx)(b.Focus,{children:e.children},void 0);case"none":return(0,r.jsx)(s.ZP.Anchor,{children:e.children},void 0);default:throw new Error("Pop trigger not assigned")}},t.prototype.componentWillUnmount=function(){this.isUnmounted=!0},t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.trigger,a=e.visible,c=e.onShow,d=e.onClose,p=e.position,h=e.cushion,f=e.header,b=e.content,g=e.centerArrow,y=e.onBeforeClose,x=e.onBeforeShow,w=e.onPositionUpdated,C=e.onPositionReady,P=e.containerSelector,j=e.onCancel,k=e.onConfirm,z=e.confirmText,S=e.cancelText,N=e.type,R=null!=f,O=this.props.onVisibleChange;"none"===i&&(O=O||m.Z);var E=this.state,T=E.confirmPending,M=E.cancelPending,Z=T||M;return(0,r.jsxs)(s.ZP,(0,o.pi)({ref:this.popoverRef,visible:!!Z||a,onVisibleChange:Z?m.Z:O,className:l()("zent-pop-v2",t,{"zent-pop-v2--has-header":R,"zent-pop-v2--no-header":!R}),style:n,cushion:h,position:(0,u.Z)(p,g),onShow:c,onClose:d,onBeforeClose:y,onBeforeShow:x,onPositionUpdated:w,onPositionReady:C,containerSelector:P},{children:[this.renderTrigger(),(0,r.jsxs)(s.ZP.Content,{children:[R&&(0,r.jsx)("div",(0,o.pi)({className:"zent-pop-v2-header","data-zv":"10.0.10"},{children:f}),void 0),(0,r.jsxs)("div",(0,o.pi)({className:"zent-pop-v2-inner","data-zv":"10.0.10"},{children:[b,(j||k)&&(0,r.jsx)(v,{onConfirm:k,onCancel:j,confirmText:z,cancelText:S,confirmPending:T,cancelPending:M,changePending:this.changePending,type:N},void 0)]}),void 0),(0,r.jsx)("div",{className:"zent-pop-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)]}),void 0)},t.defaultProps={trigger:"none",position:"top-center",cushion:10,type:"primary",mouseLeaveDelay:200,mouseEnterDelay:200,containerSelector:"body"},t.withPop=(0,c.ou)("pop"),t}(i.Component),y=g},80522:(e,t,n)=>{var o=n(59312),r=n(27378),i=n(31542),a=n(42108),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.getElement=function(){var e=this.props.getElement,t=(0,i.findDOMNode)(this);return e?e(t):t},t.prototype.componentDidMount=function(){var e=this;this.context.popover.getAnchor=function(){return e.getElement()}},t.prototype.componentWillUnmount=function(){this.context.popover.getAnchor=null},t.prototype.render=function(){return this.props.children},t.contextType=a.Z,t}(r.Component);t.Z=l},28425:(e,t,n)=>{n.d(t,{Z:()=>m});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(44879),s=n(42108),c=n(53552),u=n(80186),d=n(49476),p=n(27378);function h(e,t){var n=(0,p.useRef)(null);return(0,p.useMemo)((function(){return n.current=null,function(){return n.current||(n.current=e()),n.current}}),t)}var f=n(43239),v=(0,p.createContext)({positionChanged$:new l.x});v.displayName="PopoverContentContext";var m=function(e){var t=e.children,n=(0,s.l)(),i=(0,p.useContext)(v).positionChanged$,m=(0,p.useMemo)((function(){return{positionChanged$:new l.x}}),[]),b=(0,p.useState)(d.w),g=b[0],y=b[1],x=(0,p.useRef)(n);x.current=n;var w,C,P,j=n.containerSelector,k=n.portalRef,z=h((function(){return document.querySelector(j)}),[j]),S=h((function(){var e=z();return e&&function(e,t){function n(e){var t=getComputedStyle(e).getPropertyValue("position");return t&&"static"!==t}if(void 0===t&&(t=!1),!e)return null;if(t&&n(e))return e;for(var o=e.parentElement;null!==o;o=o.parentElement)if(n(o))return o;return document.documentElement}(e)}),[z]),N=(0,f.s)(),R=(w=function(){if(N.current){var e=function(e,t,n,o){var r,i=e.visible,a=e.placement,l=e.popover,s=e.cushion;if(!i)return d.w;var c=t(),u=n(),p=o.current,h=null===(r=l.getAnchor)||void 0===r?void 0:r.call(l);if(!(c&&u&&p&&h&&h instanceof HTMLElement))return d.w;var f,v,m,b,g=u.getBoundingClientRect(),y=p.container,x=y.getBoundingClientRect(),w=h.getBoundingClientRect();return a({relativeRect:(v=w,m=(f=g).left,b=f.top,{width:v.width,height:v.height,top:v.top-b,left:v.left-m,bottom:v.bottom-b,right:v.right-m}),anchor:h,anchorRect:w,content:y,contentRect:x,containerRect:g,container:u,cushion:s})}(x.current,z,S,k);y(e)}},C=(0,p.useRef)(w),P=(0,p.useRef)(null),(0,p.useEffect)((function(){C.current=w}),[w]),(0,p.useCallback)((function(){P.current||(P.current=requestAnimationFrame((function(){P.current=null,C.current()})))}),[]));return(0,p.useImperativeHandle)(n.contentRef,(function(){return{adjustPosition:R}}),[R]),(0,u.Tb)("resize",R),(0,u.Tb)("scroll",R,{capture:!0}),(0,p.useEffect)((function(){n.popover.positionUpdated(),m.positionChanged$.next()}),[n.popover,g,m]),(0,p.useEffect)((function(){var e=i.subscribe((function(){R()}));return function(){return e.unsubscribe()}}),[i,R]),(0,r.jsx)(c.ZP,(0,o.pi)({ref:k,visible:n.visible,selector:j,className:a()("zent-popover-v2",g.className,n.className),style:(0,o.pi)((0,o.pi)({},g.style),n.style)},{children:(0,r.jsx)(v.Provider,(0,o.pi)({value:m},{children:t}),void 0)}),void 0)}},42108:(e,t,n)=>{n.d(t,{l:()=>i});var o=n(27378),r=(0,o.createContext)(null);function i(){var e=(0,o.useContext)(r);if(!e)throw new Error("Popover context not found");return e}r.displayName="ZentPopoverContext",t.Z=r},81044:(e,t,n)=>{n.d(t,{J:()=>Q,Z:()=>ee});var o={};n.r(o),n.d(o,{Arrow:()=>U,AutoBottomCenter:()=>b,AutoBottomLeft:()=>y,AutoBottomLeftInViewport:()=>T,AutoBottomRight:()=>w,AutoTopCenter:()=>P,AutoTopLeft:()=>k,AutoTopRight:()=>S,BottomCenter:()=>p,BottomLeft:()=>u,BottomLeftInViewport:()=>R,BottomRight:()=>d,BottomSameWidth:()=>M,CascaderAutoBottomLeft:()=>I,INVISIBLE_POSITION:()=>l.w,LeftBottom:()=>_,LeftCenter:()=>L,LeftTop:()=>Z,RightBottom:()=>B,RightCenter:()=>A,RightTop:()=>F,TopCenter:()=>v,TopLeft:()=>h,TopLeftInViewport:()=>O,TopRight:()=>f});var r=n(59312),i=n(24246),a=n(27378),l=n(49476),s=n(27468),c=n(33936),u=function(e){var t=e.relativeRect,n=e.cushion;return{style:{position:"absolute",left:t.left,top:t.bottom+n},className:(0,c.O)("position-bottom-left")}},d=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.bottom;return{style:{position:"absolute",left:r-t.width,top:i+o},className:(0,c.O)("position-bottom-right")}},p=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.left,i=n.right,a=n.bottom;return{style:{position:"absolute",left:(r+i)/2-t.width/2,top:a+o},className:(0,c.O)("position-bottom-center")}},h=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left,top:n.top-t.height-o},className:(0,c.O)("position-top-left")}},f=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.top;return{style:{position:"absolute",left:r-t.width,top:i-t.height-o},className:(0,c.O)("position-top-right")}},v=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion,r=n.right,i=n.left,a=n.top;return{style:{position:"absolute",left:(i+r)/2-t.width/2,top:a-t.height-o},className:(0,c.O)("position-top-center")}},m={BottomLeft:u,BottomRight:d,BottomCenter:p,TopLeft:h,TopRight:f,TopCenter:v},b=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)(),l=(i.left+i.right)/2,c=o.width/2;return t=l+c>a.width&&i.right-o.width>0?"Right":l-c<0&&i.left+o.widtha.height&&i.top-r-o.height>0?"Top":"Bottom",m[""+n+t](e)},g={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},y=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.left+o.width>a.width&&i.right-o.width>0?"Right":"Left",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",g[""+n+t](e)},x={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},w=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.right-o.width<0&&i.left+o.widtha.height&&i.top-r-o.height>0?"Top":"Bottom",x[""+n+t](e)},C={BottomLeft:u,BottomRight:d,BottomCenter:p,TopLeft:h,TopRight:f,TopCenter:v},P=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)(),l=(i.left+i.right)/2,c=o.width/2;return t=l+c>a.width&&i.right-o.width>0?"Right":l-c<0&&i.left+o.widtha.width&&i.right-o.width>0?"Right":"Left",n=i.top-r-o.height<0&&i.bottom+r+o.heighto.width?"Left":"LeftInViewport",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",E[""+n+t](e)},M=function(e){var t=e.relativeRect,n=e.cushion,o=t.width,r=t.bottom;return{style:{position:"absolute",left:t.left,top:r+n,width:o},className:(0,c.O)("position-same-width")}},Z=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:n.top},className:(0,c.O)("position-left-top")}},L=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:(n.top+n.bottom)/2-t.height/2},className:(0,c.O)("position-left-center")}},_=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.left-t.width-o,top:n.bottom-t.height},className:(0,c.O)("position-left-bottom")}},F=function(e){var t=e.relativeRect,n=e.cushion;return{style:{position:"absolute",left:t.right+n,top:t.top},className:(0,c.O)("position-right-top")}},A=function(e){var t=e.contentRect,n=e.relativeRect,o=e.cushion;return{style:{position:"absolute",left:n.right+o,top:(n.top+n.bottom)/2-t.height/2},className:(0,c.O)("position-right-center")}},B=function(e){var t=e.relativeRect,n=e.cushion,o=e.contentRect;return{style:{position:"absolute",left:t.right+n,top:t.bottom-o.height},className:(0,c.O)("position-right-bottom")}},D={BottomLeft:u,BottomRight:d,TopLeft:h,TopRight:f},I=function(e){var t,n,o=e.contentRect,r=e.cushion,i=e.anchorRect,a=(0,s.ZP)();return t=i.left+o.width>a.width?"Right":"Left",n=i.bottom+r+o.height>a.height&&i.top-r-o.height>0?"Top":"Bottom",D[""+n+t](e)};function H(e,t,n){return{style:{position:"absolute",left:Math.round(e)+"px",top:Math.round(t)+"px"},className:(0,c.O)("position-arrow-"+n)}}var U={ArrowBottomLeftPosition:function(e){var t=e.relativeRect,n=e.cushion;return H((t.left+t.right)/2-15,t.bottom+n,"bottom-left")},ArrowBottomRightPosition:function(e){var t=e.relativeRect,n=e.cushion,o=e.contentRect,r=t.left,i=t.right,a=t.bottom;return H((r+i)/2-(o.width-15),a+n,"bottom-right")},ArrowLeftTopPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.left-n.width-o,(t.top+n.bottom)/2-9,"left-top")},ArrowLeftBottomPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.left-n.width-o,(t.top+t.bottom)/2-(n.height-9),"left-bottom")},ArrowRightTopPosition:function(e){var t=e.relativeRect,n=e.cushion;return H(t.right+n,(t.top+t.bottom)/2-9,"right-top")},ArrowRightBottomPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion;return H(t.right+o,(t.top+t.bottom)/2-(n.height-9),"right-bottom")},ArrowTopLeftPosition:function(e){var t=e.relativeRect,n=e.contentRect,o=e.cushion,r=t.right;return H((t.left+r)/2-15,t.top-n.height-o,"top-left")},ArrowTopRightPosition:function(e){var t=e.cushion,n=e.relativeRect,o=e.contentRect,r=n.right,i=n.left,a=n.top;return H((i+r)/2-(o.width-15),a-o.height-t,"top-right")}},V=n(28425),W=n(84042),$=n(673),q=n(19185),Y=n(42108),K=n(80522),X=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.getTriggerProps=function(e){return{}},t.prototype.render=function(){var e=a.Children.only(this.props.children);if(!e)throw new Error("Popover Trigger requires a child");return"number"!=typeof e&&"string"!=typeof e||(e=(0,i.jsx)("span",(0,r.pi)({"data-zv":"10.0.10"},{children:e}),void 0)),(0,i.jsx)(K.Z,{children:(0,a.cloneElement)(e,this.getTriggerProps(e))},void 0)},t.contextType=Y.Z,t}(a.Component),J={Click:W.Z,Hover:$.ZP,Focus:function(e){var t=e.children,n=e.getElement,o=(0,a.useContext)(Y.Z);if(!o)throw new Error("PopoverFocusTrigger must be child of Popover");var l,s={onFocus:function(){for(var e,n,i=[],a=0;a=1)return a(l,this.escape);Promise.resolve(a()).then(l,this.escape)}},t.prototype.adjustPosition=function(){var e;null===(e=this.contentRef.current)||void 0===e||e.adjustPosition()},t.prototype.positionUpdated=function(){var e=this.props,t=e.onPositionReady,n=e.onPositionUpdated;null==n||n(),this.isPositionReady||(this.isPositionReady=!0,null==t||t())},t.prototype.safeSetState=function(e,t){if(!this.isUnmounted)return this.setState(e,t)},t.getDerivedStateFromProps=function(e){return"boolean"==typeof e.visible?{visible:e.visible}:null},t.prototype.componentDidMount=function(){var e=this.props.onShow;this.state.visible&&e&&e(),this.didMountCleanup=this.didMountHooks.map((function(e){return e()}))},t.prototype.componentDidUpdate=function(e,t){if(t.visible!==this.state.visible){var n=this.props,o=n.onShow,r=n.onClose;this.state.visible?(this.isPositionReady=!1,o&&o()):r&&r()}this.adjustPosition()},t.prototype.componentWillUnmount=function(){this.isUnmounted=!0,this.didMountCleanup.forEach((function(e){return e()}))},t.prototype.render=function(){var e=this.props,t=e.containerSelector,n=e.position,o=e.cushion,a=e.className,l=e.children,s=e.style,c=this.state.visible;return(0,i.jsx)(Y.Z.Provider,(0,r.pi)({value:{visible:c,containerSelector:t,placement:n,cushion:o,className:a,portalRef:this.portalRef,contentRef:this.contentRef,popover:this,didMount:this.didMount,style:s}},{children:l}),void 0)},t.contextType=Y.Z,t.defaultProps={cushion:0,containerSelector:"body"},t.Anchor=K.Z,t.Content=V.Z,t.Trigger=J,t.Position=o,t.withPopover=G.ZP,t.Context=Y.Z,t}(a.Component),ee=Q},33806:(e,t,n)=>{var o=n(81044);t.ZP=o.Z},49476:(e,t,n)=>{n.d(t,{w:()=>o});var o={style:{position:"fixed",left:-1e5,top:-1e5,zIndex:-10,opacity:0},className:(0,n(33936).O)("position-invisible")}},33936:(e,t,n)=>{function o(e){return"zent-popover-v2-"+e}n.d(t,{O:()=>o})},84042:(e,t,n)=>{var o=n(59312),r=n(24246),i=n(27378),a=n(19185),l=n(42108),s=n(80522),c=n(80186);t.Z=function(e){var t=e.children,n=e.toggle,u=e.getElement,d=e.closeOnClickOutside,p=void 0===d||d,h=(0,l.l)(),f=(0,i.useRef)(null),v=(0,i.useCallback)((function(e){var t=f.current;if(t){var n=t.getElement();p&&n&&function(e,t,n){return!(!n||!(n instanceof Element)||n.contains(e)||t.contains(e))}(e.target,h.portalRef.current,n)&&h.popover.setVisible(!1)}}),[p,h.popover,h.portalRef]);(0,c.Tb)("click",v,{capture:!0});var m,b=function(){for(var e,r,i=[],l=0;l{n.d(t,{$L:()=>h});var o=n(59312),r=n(24246),i=n(27378),a=n(44879),l=n(49570),s=n(18462),c=n(42108),u=n(80522),d=n(49744),p=n(19185),h=(0,i.createContext)({fixMouseEventsOnDisabledChildren:!1});t.ZP=function(e){var t=(0,i.useContext)(c.Z);if(!t)throw new Error("PopoverHoverTrigger must be child of Popover");var n=(0,i.useRef)(e);n.current=e;var f=(0,i.useMemo)((function(){return new a.x}),[]);(0,i.useEffect)((function(){var e=f.pipe((0,s.w)((function(e){var t=n.current,o=t.hideDelay,r=void 0===o?150:o,i=t.showDelay,a=void 0===i?150:i;return new l.y((function(t){var n=setTimeout((function(){t.next(e),t.complete(),n=null}),e?a:r);return function(){n&&clearTimeout(n)}}))}))).subscribe((function(e){t.popover.setVisible(e)}));return function(){return e.unsubscribe()}}),[t.popover,f]);var v,m=e.children,b=e.fixMouseEventsOnDisabledChildren,g=void 0!==b&&b,y=t.portalRef;if((0,t.didMount)((function(){var e=y.current.container,t=[(0,d.Oo)(e,"mouseenter",(function(){n.current.anchorOnly||f.next(!0)})),(0,d.Oo)(e,"mouseleave",(function(){n.current.anchorOnly||f.next(!1)})),(0,d.Oo)(window,"blur",(function(){f.next(!1)}))];return function(){t.forEach((function(e){return e()}))}})),"function"==typeof m)v=m({onMouseEnter:function(){f.next(!0)},onMouseLeave:function(){f.next(!1)}});else if((0,p.isElement)(m)&&!(0,p.isFragment)(m)){var x=m;v=(0,i.cloneElement)(x,{onMouseEnter:function(){for(var e,t,n=[],r=0;r{n.d(t,{Sv:()=>l,ou:()=>s});var o=n(59312),r=n(27378),i=n(19185),a=n(42108);function l(){var e=(0,r.useContext)(a.Z);if(null===e)throw new Error("usePopover must be used as child of Popover");return e.popover}function s(e){return function(t){var n,a,s=t.displayName||t.constructor.name||"Component",c=!!(null===(a=null==(n=t)?void 0:n.prototype)||void 0===a?void 0:a.isReactComponent)||(0,i.isForwardRef)(t),u=(0,r.forwardRef)((function(n,i){var a,s=l(),u=((a={})[e]=s,a);return c&&(u.ref=i),(0,r.createElement)(t,(0,o.pi)((0,o.pi)({},n),u))}));return u.displayName="withPopover("+s+")",u}}t.ZP=s("popover")},23860:(e,t,n)=>{n.d(t,{h:()=>w,Z:()=>C});var o=n(59312),r=n(24246),i=n(27378),a=n(42690),l=n(79264),s=function(e){var t=e.node,n=e.getParent,o=e.selector;return(0,l.L)((function(){var e=n(o);return e.appendChild(t),function(){e.removeChild(t)}}),[t,o,n]),null},c=n(99496),u=n(54817),d=n(41925),p=n(14805),h={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},f=["Webkit","ms","Moz","O"];Object.keys(h).forEach((function(e){f.forEach((function(t){h[function(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}(t,e)]=h[e]}))}));var v=n(72551),m=function(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||(0,v.n)(h,e)&&h[e]?(""+t).trim():t+"px"},b=n(49744),g=n(79352),y=n(23343),x=new Map,w=(0,i.forwardRef)((function(e,t){var n=e.visible,h=void 0===n||n,f=e.layer,v=void 0===f?"div":f,w=e.selector,C=void 0===w?"body":w,P=e.useLayerForClickAway,j=void 0!==P&&P,k=e.className,z=e.style,S=e.blockPageScroll,N=void 0!==S&&S,R=e.closeOnESC,O=void 0!==R&&R,E=e.closeOnClickOutside,T=void 0!==E&&E,M=e.children,Z=e.append,L=(0,i.useMemo)((function(){return g.Z?(0,p.Z)(v):null}),[v]),_=(0,i.useMemo)((function(){return(0,d.Z)(u.pD)}),[]),F=(0,i.useRef)(e);F.current=e;var A=(0,i.useRef)(z),B=(0,i.useRef)(null);return(0,i.useImperativeHandle)(t,(function(){return{contains:function(e){var t=B.current;return!!t&&t.contains(e)},purePortalRef:B,container:L}}),[L]),(0,l.L)((function(){k&&(L.className=k)}),[L,k]),(0,l.L)((function(){var e=function(e,t){for(var n={},o=Object.keys(e),r=0;r{n.d(t,{M:()=>u,Z:()=>d});var o=n(59312),r=n(24246),i=n(27378),a=n(31542),l=n(41925),s=n(54817),c=(0,i.createContext)({children:[]}),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.childContext={children:[]},t.getContainer=(0,l.Z)((function(e){var n=(0,s.pD)(e);return n?(t.props.append||(0,s.NH)(n),n):n})),t}return(0,o.ZT)(t,e),t.prototype.contains=function(e){var t=this.getContainer(this.props.selector);if(!t)return!1;if(t.contains(e))return!0;for(var n=0,o=this.childContext.children;n{var o=n(23860);t.ZP=o.Z},54817:(e,t,n)=>{function o(e){if(e instanceof Element)return e;if("string"==typeof e){var t=document.querySelector(e);if(t)return t}throw new Error("Invalid selector")}function r(e){for(;e&&e.firstChild;)e.removeChild(e.firstChild)}function i(e){return e===document.body?e.scrollHeight>window.innerHeight:e.scrollHeight>e.clientHeight}n.d(t,{pD:()=>o,NH:()=>r,Se:()=>i})},95388:(e,t,n)=>{n.d(t,{P:()=>B,Z:()=>D});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(33806),c=n(27036),u=(0,l.memo)((function(e){var t=e.item,n=e.onRemove,i=e.renderValue,a=(0,l.useCallback)((function(e){e.stopPropagation(),n(t)}),[n,t]);return(0,r.jsxs)("div",(0,o.pi)({className:"zent-select-v2-tag","data-zv":"10.0.10"},{children:[i?i(t):(0,r.jsx)("span",(0,o.pi)({title:t.text,className:"zent-select-v2-tag-text","data-zv":"10.0.10"},{children:t.text}),void 0),(0,r.jsx)(c.Z,{type:"close",className:"zent-select-v2-tag-close",onClick:a},void 0)]}),void 0)})),d=(0,l.memo)((function(e){var t=e.list,n=e.onRemove,o=e.renderValue;return(0,r.jsx)(r.Fragment,{children:t.map((function(e){return(0,r.jsx)(u,{item:e,onRemove:n,renderValue:o},e.key)}))},void 0)})),p=n(20840),h=(0,l.memo)((function(e){var t=e.value,n=e.active,i=e.selected,l=e.onSelect,s=e.index,u=e.onMouseEnter,d=e.onMouseLeave,h=e.multiple,f=e.children,v=e.loading;return(0,r.jsx)("div",(0,o.pi)({className:a()("zent-select-v2-option",{"zent-select-v2-option-active":n,"zent-select-v2-option-selected":!h&&i,"zent-select-v2-option-selected-bold":h&&i,"zent-select-v2-option-disabled":t.disabled,"zent-select-v2-option-header":"header"===t.type}),onClick:function(e){e.preventDefault(),l(t)},onMouseEnter:function(){return!t.type&&u(s)},onMouseLeave:function(){return!t.type&&d(s)},title:"string"==typeof t.text?t.text:"","data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-select-v2-option-text","data-zv":"10.0.10"},{children:[(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-option-text-content","data-zv":"10.0.10"},{children:f}),void 0),h&&i&&(0,r.jsx)(c.Z,{className:"zent-select-v2-option-selected-multiple",type:"check"},void 0),v&&(0,r.jsx)(p.l,{loading:!0,icon:"circle",iconSize:18,className:"zent-select-v2-option-loading"},void 0)]}),void 0)}),void 0)})),f=n(90475),v=n(79264),m=(0,f.B)(),b=(0,l.forwardRef)((function(e,t){var n=e.placeholder,i=e.onChange,s=e.onIndexChange,c=e.onEnter,u=e.autoWidth,d=e.value,p=(0,l.useRef)(null),h=(0,l.useCallback)((function(){p.current.focus({preventScroll:!0})}),[p]),f=(0,l.useCallback)((function(e){switch(e.key){case"ArrowUp":s(-1);break;case"ArrowDown":s(1);break;case"Enter":c()}}),[s,c]);(0,l.useImperativeHandle)(t,(function(){return{focus:function(){h()}}}));var b=m(d,i),g=b.onChange,y=b.onCompositionEnd,x=b.onCompositionStart,w=b.value;(0,v.L)((function(){h()}),[h]);var C=w||n,P=a()("zent-select-v2-search-wrap",{"zent-select-v2-search-wrap-auto-width":u});return(0,r.jsxs)("span",(0,o.pi)({className:P,"data-zv":"10.0.10"},{children:[(0,r.jsx)("input",{ref:p,placeholder:n,className:"zent-select-v2-search",value:w,onChange:g,onCompositionStart:x,onCompositionEnd:y,onKeyDown:f,"data-zv":"10.0.10"},void 0),u&&(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-search-mirror","aria-hidden":!0,"data-zv":"10.0.10"},{children:C}),void 0)]}),void 0)})),g=n(1348),y=n(80186),x=n(8327),w=n(92497),C=n(52074),P=n(41925),j=n(70453),k=n(12482),z=n(17949);function S(e){var t;return t="function"==typeof e?e:(0,k.Z)(e)?function(t){return Object.keys(e).every((function(n){return(0,z.Z)(e[n],t[n])}))?t:null}:function(t){return t.key===e?t:null},{key:(0,j.Z)("select-item-reviver-"),text:null,type:"reviver",reviver:t}}function N(e){if(Array.isArray(e)){for(var t=!1,n=[],o=0,r=e;o=0?c.filter((function(e,t){return t!==u})):c.concat([r]);a?a(d):s.setState({value:d})}else s.onVisibleChange(!1),(a=s.props.onChange)?a(r):s.setState({value:r})}}},s.onKeywordChange=function(e){s.disabled||s.setKeyword(e.target.value,"user-change")},s.onRemove=function(e){if(!s.disabled){var t=s.state.value,n=s.props,o=n.onChange,r=n.isEqual,i=t.filter((function(t){return!r(e,t)}));s.focusSearchInput(),o?o(i):s.setState({value:i})}},s.onOptionMouseEnter=function(e){s.disabled||s.setState({activeIndex:e})},s.onOptionMouseLeave=function(e){s.disabled||s.setState((function(t){return t.activeIndex===e?{activeIndex:null}:null}))},s.selectCurrentIndex=function(){var e;if(!s.disabled){var t=s.state,n=t.activeIndex,o=t.keyword,r=t.value,i=s.props,a=i.creatable,l=i.options,c=i.filter,u=i.isValidNewOption,d=s.filterOptions(o,l,c,a,u,r);null!==n?s.onSelect(d[n]):d.length&&(null===(e=d[0])||void 0===e?void 0:e.key)===O&&s.onSelect(d[0])}},s.renderOption=function(e,t){var n=s.props,i=n.isEqual,a=n.multiple,l=n.renderOptionContent,c=n.highlight,u=n.filter,d=s.state,p=d.value,f=d.activeIndex,v=d.creating,m=!!p&&(a?p.findIndex((function(t){return i(t,e)}))>=0:i(p,e)),b=null,g=!1;if(e.key===O)g=v,b=(0,r.jsx)(C.Z,(0,o.pi)({componentName:"Select"},{children:function(t){return(0,r.jsxs)("span",(0,o.pi)({className:"zent-select-v2-option-text-highlight","data-zv":"10.0.10"},{children:[t.create,e.text]}),void 0)}}),void 0);else if(l)b=l(e);else{var y=s.state.keyword.trim();b=!1!==u&&y.length>0?null==c?void 0:c(y,e):e.text}return(0,r.jsx)(h,(0,o.pi)({value:e,selected:m,active:t===f,onSelect:s.onSelect,index:t,onMouseEnter:s.onOptionMouseEnter,onMouseLeave:s.onOptionMouseLeave,multiple:a,loading:g},{children:b}),e.key)},s.globalClick=function(e){var t;!s.disabled&&!s.state.open&&s.state.active&&s.triggerRef.current&&s.popoverRef.current&&((null===(t=s.triggerRef.current)||void 0===t?void 0:t.contains(e.target))||s.setState({active:!1}))},s.onIndexChange=function(e){s.disabled||s.setState((function(t,n){var o,r=n.options,i=n.creatable,a=n.filter,l=n.isValidNewOption,c=s.filterOptions(t.keyword,r,a,i,l,t.value);if((o=null===t.activeIndex?e<0?c.length-1:0:(t.activeIndex+e)%c.length)>=c.length&&(o=c.length-1),o<0&&(o=0),!Z(c[o])){var u;if(!(u=e>0?function(e,t){for(var n=t;n=0;n-=1)if(Z(e[n]))return n;return null}(c,o)))return null;o=u}return t.activeIndex===o?null:{activeIndex:o}}))},s.onClear=function(e){e.stopPropagation();var t=s.state.keyword;if(s.focusSearchInput(),t)s.resetKeyword("user-clear");else if(s.props.multiple){var n=[];(o=s.props.onChange)?o(n):s.setState({value:n})}else{var o;n=null,(o=s.props.onChange)?o(n):s.setState({value:n})}},s.onCreateClick=function(){var e=s.props,t=e.onCreate,n=e.multiple,o=s.state.keyword;t&&(s.setState({creating:!0}),t(o.trim()).then((function(){n?s.focusSearchInput():s.onVisibleChange(!1),s.resetKeyword("option-create")})).finally((function(){s.setState({creating:!1})})))},s.filterOptions=(0,P.Z)((function(e,t,n,r,i,a){void 0===t&&(t=[]);var l=r?function(e){var t,n;return Array.isArray(e)?e.reduce((function(e,t){var n,r;return(null===(r=null===(n=null==t?void 0:t.key)||void 0===n?void 0:n.toString())||void 0===r?void 0:r.indexOf(R))>-1?(0,o.ev)((0,o.ev)([],e),[t]):e}),[]):(null===(n=null===(t=null==e?void 0:e.key)||void 0===t?void 0:t.toString())||void 0===n?void 0:n.indexOf(R))>-1?[e]:[]}(a):[],s=(0,o.ev)((0,o.ev)([],t),l),c=!1!==n&&e?s.filter((function(t){return null==n?void 0:n(e,t)})):s;return(r&&e&&(null==i?void 0:i(e,s))?[{key:O,text:e}]:[]).concat(c)})),s.focusSearchInput=function(){var e,t;null===(t=null===(e=s.inputRef)||void 0===e?void 0:e.current)||void 0===t||t.focus()},a=t.multiple?N(null!==(n=t.value)&&void 0!==n?n:[]):N(null!==(i=t.value)&&void 0!==i?i:null);var c=t.keyword,u=t.width,d=t.options,p=t.size;return s.state={keyword:null!=c?c:"",value:a,open:!1,active:!1,activeIndex:null,prevOptions:d,creating:!1,triggerWidth:null!=u?u:A[p]||240},s.tryReviveOption(t),s}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n,o={prevOptions:e.options};return"string"==typeof e.keyword&&(o.keyword=e.keyword),"boolean"==typeof e.open&&(o.open=e.open,o.active=e.open),e.multiple?Array.isArray(e.value)&&(o.value=N(e.value)):"value"in e&&(o.value=N(null!==(n=e.value)&&void 0!==n?n:null)),e.options!==t.prevOptions&&null!==t.activeIndex&&(e.options.length?t.activeIndex>=e.options.length&&(o.activeIndex=e.options.length-1):o.activeIndex=null),o},t.prototype.componentDidMount=function(){var e;if(!("popupWidth"in this.props)){var t=this.props,n=t.size,o=t.width,r="number"==typeof o?o:A[n]||240,i=(null===(e=this.triggerRef.current)||void 0===e?void 0:e.offsetWidth)||r;this.setState({triggerWidth:i})}},t.prototype.componentDidUpdate=function(e){this.props.options===e.options&&this.props.value===e.value||this.tryReviveOption(this.props)},Object.defineProperty(t.prototype,"disabled",{get:function(){var e=this.props.disabled;return void 0===e?this.context.value:e},enumerable:!1,configurable:!0}),t.prototype.tryReviveOption=function(e){var t,n,o,r,i=e.options;if(e.multiple){var a=null!==(t=e.value)&&void 0!==t?t:[],l=!1,s=a.map((function(e){var t;if("reviver"===e.type)for(var n=0,o=i;n0)return this.renderTagList(s,e);if(l)return null}else{if(l)return null;var s;if(s=this.state.value)return i?i(s):(0,r.jsx)("span",(0,o.pi)({className:"zent-select-v2-text",title:"string"==typeof s.text?s.text:"","data-zv":"10.0.10"},{children:s.text}),void 0)}return(0,r.jsx)("span",(0,o.pi)({className:"zent-select-v2-placeholder","data-zv":"10.0.10"},{children:n}),void 0)},t.prototype.renderTagCollapsedTrigger=function(e){return(0,r.jsxs)("span",(0,o.pi)({className:"zent-select-v2-tag-collapsed-trigger","data-zv":"10.0.10"},{children:["+",e.length]}),void 0)},t.prototype.renderTagList=function(e,t){var n=this.props,i=n.renderValue,a=n.renderTagList,l=n.collapsable,s=n.hideCollapsePop,c=n.collapseAt,u=void 0===c?1:c,p=n.renderCollapsedContent,h=l?e.slice(0,u):e,f=e.slice(u);return(0,r.jsxs)(r.Fragment,{children:["function"==typeof a?a({list:e,onRemove:this.onRemove,renderValue:i}):(0,r.jsx)(d,{list:h,onRemove:this.onRemove,renderValue:i},void 0),l&&f.length>0&&(s?this.renderTagCollapsedTrigger(f):(0,r.jsx)(w.X,(0,o.pi)({trigger:"hover",position:"auto-top-center",cushion:15,content:(0,r.jsx)("div",(0,o.pi)({className:"zent-select-v2-tag-collapsed-content","data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({"data-zv":"10.0.10"},{children:"function"==typeof p?p(f):f.map((function(e,n){return(0,r.jsxs)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:[i?i(e):e.text,n!==f.length-1&&t.tagSeparator]}),e.key)}))}),void 0)}),void 0)},{children:this.renderTagCollapsedTrigger(f)}),void 0))]},void 0)},t.prototype.getSearchPlaceholder=function(){var e=this.props.placeholder;if(this.props.multiple)return this.state.value.length?"":null!=e?e:"";var t=this.state.value;return t&&"string"==typeof t.text?t.text:null!=e?e:""},t.prototype.renderPopoverContent=function(e){var t=this.props,n=t.notFoundContent,i=t.renderOptionList,a=t.loading,l=t.creatable,s=t.options,c=t.filter,u=t.isValidNewOption,d=this.state.keyword.trim(),p=this.state.value;if(a)return _;var h=this.filterOptions(d,s,c,l,u,p);return(null==h?void 0:h.length)?i(h,this.renderOption):(0,r.jsx)("div",(0,o.pi)({className:"zent-select-v2-popup-empty","data-zv":"10.0.10"},{children:null!=n?n:e.empty}),void 0)},t.prototype.render=function(){var e=this,t=this.state,n=t.keyword,i=t.open,l=t.active,u=t.value,d=t.triggerWidth,p=this.props,h=p.inline,f=p.width,v=p.clearable,m=p.multiple,g=p.popupWidth,x=p.collapsable,w=p.className,P=p.disableSearch,j=p.size,k=p.collapseAt,z=m?Array.isArray(u)&&u.length>0:u,S=v&&!this.disabled&&(n||z);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(C.Z,(0,o.pi)({componentName:"Select"},{children:function(t){return(0,r.jsxs)(s.ZP,(0,o.pi)({ref:e.popoverRef,position:s.ZP.Position.AutoBottomLeft,visible:i,onVisibleChange:e.onVisibleChange,className:"zent-select-v2-popup",style:{width:null!=g?g:d},cushion:4},{children:[(0,r.jsx)(s.ZP.Trigger.Click,{children:(0,r.jsxs)("div",(0,o.pi)({ref:e.triggerRef,className:a()("zent-select-v2","zent-select-v2-"+j,w,{"zent-select-v2-inline":h,"zent-select-v2-active":l,"zent-select-v2-visible":i,"zent-select-v2-disabled":e.disabled,"zent-select-v2-clearable":S,"zent-select-v2-multiple":m,"zent-select-v2-collapsable":x,"zent-select-v2-collapsable-single":1===k}),style:{width:f},onClick:e.focusSearchInput,"data-zv":"10.0.10"},{children:[e.renderValue(t),S&&(0,r.jsx)(c.Z,{type:"close-circle",onClick:e.onClear},void 0),!P&&i&&(0,r.jsx)(b,{placeholder:e.getSearchPlaceholder(),value:n,autoWidth:m,onChange:e.onKeywordChange,onIndexChange:e.onIndexChange,onEnter:e.selectCurrentIndex,ref:e.inputRef},void 0),(0,r.jsx)(c.Z,{type:"down"},void 0)]}),void 0)},void 0),(0,r.jsx)(s.ZP.Content,{children:e.renderPopoverContent(t)},void 0)]}),void 0)}}),void 0),(0,r.jsx)(y.ZP,{eventName:"click",listener:this.globalClick,options:{capture:!0}},void 0)]},void 0)},t.defaultProps={isEqual:E,renderOptionList:M,filter:T,isValidNewOption:F,highlight:L,size:"s",multiple:!1,clearable:!1,loading:!1,creatable:!1},t.contextType=g.d,t.reviveValue=S,t}(l.Component),D=B},8327:(e,t,n)=>{n.d(t,{L:()=>h});var o=n(59312),r=n(24246),i=n(60042),a=n.n(i),l=function(e){return e},s=function(e){var t=e.autoEscape,n=e.caseSensitive,o=e.sanitize,r=void 0===o?l:o,i=e.searchWords,a=e.textToHighlight;return a=r(a),i.filter((function(e){return e})).reduce((function(e,o){"string"==typeof o&&(o=r(o),t&&(o=o.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")));for(var i,l=new RegExp(o,n?"g":"gi");i=l.exec(a);){var s=i.index,c=l.lastIndex;c>s&&e.push({highlight:!1,start:s,end:c}),i.index===l.lastIndex&&l.lastIndex++}return e}),[])};function c(e){var t=e.chunks;return t.sort((function(e,t){return e.start-t.start})).reduce((function(e,t){if(0===e.length)return[t];var n=e.pop();if(t.start<=n.end){var o=Math.max(n.end,t.end);e.push({highlight:!1,start:n.start,end:o})}else e.push(n,t);return e}),[])}var u=n(41925),d=n(72551),p=(0,u.Z)((function(e){var t={};for(var n in e)(0,d.n)(e,n)&&(t[n.toLowerCase()]=e[n]);return t}));function h(e){var t,n=e.textToHighlight,i=e.searchWords,l=e.highlightClassName,u=void 0===l?"":l,d=e.highlightStyle,h=void 0===d?{}:d,f=e.activeIndex,v=void 0===f?-1:f,m=e.activeClassName,b=void 0===m?"":m,g=e.activeStyle,y=e.unhighlightClassName,x=void 0===y?"":y,w=e.unhighlightStyle,C=e.highlightTag,P=void 0===C?"mark":C,j=e.autoEscape,k=void 0!==j&&j,z=e.caseSensitive,S=void 0!==z&&z,N=e.sanitize,R=e.findChunks,O=e.className,E=(0,o._T)(e,["textToHighlight","searchWords","highlightClassName","highlightStyle","activeIndex","activeClassName","activeStyle","unhighlightClassName","unhighlightStyle","highlightTag","autoEscape","caseSensitive","sanitize","findChunks","className"]),T=function(e){var t=e.caseSensitive,n=e.findChunks,o=e.textToHighlight;return function(e){var t=e.chunksToHighlight,n=e.totalLength,o=[],r=function(e,t,n){t-e>0&&o.push({start:e,end:t,highlight:n})};if(0===t.length)r(0,n,!1);else{var i=0;t.forEach((function(e){r(i,e.start,!1),r(e.start,e.end,!0),i=e.end})),r(i,n,!1)}return o}({chunksToHighlight:c({chunks:(void 0===n?s:n)({autoEscape:e.autoEscape,caseSensitive:void 0!==t&&t,sanitize:e.sanitize,searchWords:e.searchWords,textToHighlight:o})}),totalLength:o?o.length:0})}({autoEscape:k,caseSensitive:S,findChunks:R,sanitize:N,searchWords:i,textToHighlight:n}),M=P,Z=-1,L="";return(0,r.jsx)("span",(0,o.pi)({className:O},E,{"data-zv":"10.0.10"},{children:T.map((function(e,i){var l,s=n.substr(e.start,e.end-e.start);if(e.highlight){Z++;var c;c="object"==typeof u?S?u[s]:(u=p(u))[s.toLowerCase()]:u;var d=Z===+v;L=a()(c,((l={})[b]=d,l)),t=!0===d&&null!=g?(0,o.pi)((0,o.pi)({},h),g):h;var f="string"!=typeof M?{highlightIndex:Z}:{};return(0,r.jsx)(M,(0,o.pi)({className:L,style:t},f,{children:s}),i)}return(0,r.jsx)("span",(0,o.pi)({className:x,style:w,"data-zv":"10.0.10"},{children:s}),i)}))}),void 0)}},19832:(e,t,n)=>{function o(e){return""+e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}n.d(t,{Z:()=>o})},80186:(e,t,n)=>{n.d(t,{Tb:()=>a,ZM:()=>l});var o=n(24246),r=n(79352),i=n(49744);function a(e,t,n){if(r.Z)return(0,i.xd)(window,e,t,n)}function l(e){var t=e.eventName,n=e.listener,a=e.options;return r.Z?(0,o.jsx)(i.bi,{target:window,eventName:t,listener:n,options:a},void 0):null}t.ZP=l},49744:(e,t,n)=>{n.d(t,{bi:()=>h,Oo:()=>d,xd:()=>p});var o=n(27378);function r(e){return e?!0===e?1:(e.capture?2:0)|(e.passive?4:0)|(e.once?8:0):0}var i=function(){function e(e){this.target=e,this.events={}}return e.prototype.add=function(e,t,n){var o=this,r=this.getEventHandlers(e,n);a(r);var i=r.nextHandlers;0===i.length&&(r.handleEvent=this.handleEvent.bind(this,e,n),this.target.addEventListener(e,r.handleEvent,n)),-1===i.indexOf(t)&&i.push(t);var l=!0;return function(){if(l){l=!1,a(r);var i=r.nextHandlers,s=i.indexOf(t);if(i.splice(s,1),0===i.length){var c=o.target;c&&c.removeEventListener(e,r.handleEvent,n),r.handleEvent=void 0}}}},e.prototype.getEventHandlers=function(e,t){var n=e+" "+r(t);return this.events[n]||(this.events[n]={handlers:[],handleEvent:void 0},this.events[n].nextHandlers=this.events[n].handlers),this.events[n]},e.prototype.handleEvent=function(e,t,n){var o=this.getEventHandlers(e,t);o.handlers=o.nextHandlers,o.handlers.forEach((function(e){e(n)}))},e}();function a(e){e.handlers===e.nextHandlers&&(e.nextHandlers=e.handlers.slice())}var l=n(79352),s=(0,n(41925).Z)((function(){if(!l.Z)return!1;if(!window.addEventListener||!window.removeEventListener||!Object.defineProperty)return!1;var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){return e=!0,!0}}),n=function(){};window.addEventListener("testPassiveEventSupport",n,t),window.removeEventListener("testPassiveEventSupport",n,t)}catch(e){}return e}));function c(e){return!!e&&(s()?e:!!e.capture)}var u=new WeakMap;function d(e,t,n,o){u.has(e)||u.set(e,new i(e));var r=c(o);return u.get(e).add(t,n,r)}function p(e,t,n,i){var a=(0,o.useRef)(n);a.current=n;var l=r(c(i));(0,o.useEffect)((function(){return d(e,t,(function(e){a.current(e)}),i)}),[e,t,l])}var h=function(e){return p(e.target,e.eventName,e.listener,e.options),null}},49566:(e,t,n)=>{function o(e,t,n){var o,r;void 0===t&&(t=0),void 0===n&&(n={});var i=function(t){o=null,void 0!==t&&(r=e.apply(void 0,t))},a=function(){for(var a=[],l=0;lo})},14805:(e,t)=>{t.Z=function(e,t){var n=document.createElement(e,t);return n.setAttribute("data-zv","10.0.10"),n}},27468:(e,t,n)=>{n.d(t,{mP:()=>c});var o=n(49744),r=n(79352);function i(){return Math.max(document.documentElement.clientWidth,window.innerWidth)}function a(){return Math.max(document.documentElement.clientHeight,window.innerHeight)}var l=0,s=0;function c(){return l}r.Z&&(l=a(),s=i(),(0,o.Oo)(window,"resize",(function(){l=a(),s=i()}),{passive:!0})),t.ZP=function(){return{width:s,height:l}}},23343:(e,t,n)=>{n.d(t,{Z:()=>l});var o=n(79352),r=n(14805),i=0,a={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"};function l(){if(!o.Z)return 0;if(i)return i;var e=(0,r.Z)("div");Object.keys(a).forEach((function(t){e.style[t]=a[t]})),document.body.appendChild(e);var t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),i=t}},50707:(e,t,n)=>{n.d(t,{Z:()=>a});var o=n(19832),r=n(33806).ZP.Position,i=r.Arrow;function a(e,t){if("function"==typeof e)return e;var n=e.split("-").map((function(e){return(0,o.Z)(e)})).join(""),a=r[n];return a||(a=r.TopCenter,n="TopCenter"),!t||/^.+Center$/.test(n)?a:i[n="Arrow"+n+"Position"]}},72551:(e,t,n)=>{n.d(t,{n:()=>r});var o=Object.prototype.hasOwnProperty;function r(e,t){return o.call(e,t)}},79264:(e,t,n)=>{n.d(t,{L:()=>r});var o=n(27378),r=n(79352).Z?o.useLayoutEffect:o.useEffect},43239:(e,t,n)=>{n.d(t,{s:()=>r});var o=n(27378);function r(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}})),e}},79352:(e,t)=>{t.Z=!("undefined"==typeof window||!window)},17949:(e,t,n)=>{n.d(t,{Z:()=>s});var o=n(72551),r=Object.prototype.toString,i=Symbol.prototype.valueOf,a=Object.keys,l=Object.is;function s(e,t){for(var n=[{type:"generic",a:e,b:t}],s=[],c=[];n.length>0;){var u=n.pop();if("generic"===u.type){var d=u.a,p=u.b;if(l(d,p))continue;var h=typeof d;if("function"!==h&&"object"!==h&&"object"!=typeof p)return!1;var f=r.call(d);if(f!==r.call(p))return!1;if("[object RegExp]"===f||"[object String]"===f){if(""+d!=""+p)return!1;continue}if("[object Number]"===f){if(!l(+d,+p))return!1;continue}if("[object Date]"===f||"[object Boolean]"===f){if(+d!=+p)return!1;continue}if("[object Symbol]"===f){if(i.call(d)!==i.call(p))return!1;continue}var v="[object Array]"===f;if(!v){if("object"!=typeof d||"object"!=typeof p)return!1;var m=d.constructor,b=p.constructor;if(m!==b&&!("function"==typeof m&&m instanceof m&&"function"==typeof b&&b instanceof b)&&"constructor"in d&&"constructor"in p)return!1}for(var g=s.length;g--;)if(s[g]===d){if(c[g]===p)break;return!1}if(g>=0)continue;if(s.push(d),c.push(p),n.push({type:"children-done"}),v){if((y=d.length)!==p.length)return!1;if(0===y)continue;n.push({type:"array",size:y,index:0,a:d,b:p})}else{if("[object Object]"!==f)throw new Error("isEqual not implemented for "+f);var y=(C=a(d)).length;if(a(p).length!==y)return!1;if(0===y)continue;n.push({type:"object",a:d,b:p,keys:C,size:y,index:0})}}else if("array"===u.type){d=u.a,p=u.b;var x=u.size;(w=u.index){function o(e){if(null===e||"object"!=typeof e)return!1;if(null===Object.getPrototypeOf(e))return!0;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}n.d(t,{Z:()=>o})},65436:(e,t,n)=>{function o(e){return!!e&&("object"==typeof e||"function"==typeof e)&&"function"==typeof e.then}n.d(t,{Z:()=>o})},41925:(e,t,n)=>{n.d(t,{Z:()=>r});var o=function(e,t){return e.length===t.length&&e.every((function(e,n){return e===t[n]}))};function r(e,t){var n;void 0===t&&(t=o);var r,i=[],a=!1;return function(){for(var o=[],l=0;l{n.d(t,{tA:()=>r,$j:()=>i,BN:()=>a});var o=n(27378);function r(e){var t=requestAnimationFrame((function(){t=requestAnimationFrame((function(){e(),t=null}))}));return function(){t&&(cancelAnimationFrame(t),t=null)}}function i(e){var t,n=!1,o=null,i=function(){for(var i=[],a=0;a{function o(){}n.d(t,{Z:()=>o})},78513:(e,t,n)=>{function o(e,t){return null==e?{}:Object.keys(e).reduce((function(n,o){return-1===t.indexOf(o)&&(n[o]=e[o]),n}),{})}n.d(t,{Z:()=>o})},57318:(e,t,n)=>{n.d(t,{l:()=>u});var o=n(79352),r=o.Z?window:{},i=o.Z?document:{},a=r.scroll||r.scrollTo,l=r.performance&&r.performance.now?r.performance.now.bind(r.performance):Date.now;function s(e,t){this.scrollLeft=e,this.scrollTop=t}function c(e,t){var n,o=(l()-e.startTime)/e.duration,i=(n=o=o>1?1:o,.5*(1-Math.cos(Math.PI*n))),a=e.startX+(e.x-e.startX)*i,s=e.startY+(e.y-e.startY)*i;e.method.call(e.scrollable,a,s),a!==e.x||s!==e.y?requestAnimationFrame(c.bind(r,e,t)):t()}function u(e,t,n,u){return void 0===u&&(u=250),new Promise((function(d,p){if(!o.Z)return p();var h,f,v,m,b=l();e===i.body||e===r?(h=r,f=r.scrollX||r.pageXOffset,v=r.scrollY||r.pageYOffset,m=a):(h=e,f=e.scrollLeft,v=e.scrollTop,m=s),c({duration:u,scrollable:h,method:m,startTime:b,startX:f,startY:v,x:t,y:n},d)}))}},70453:(e,t,n)=>{n.d(t,{Z:()=>i});var o=0,r="v"+"10.0.10".replace(/[^0-9a-z]/gi,"x")+Math.ceil(8999*Math.random()+1e3).toString();function i(e){var t=""+r+ ++o;return e?""+e+t:t}},70387:e=>{e.exports=JSON.parse('{"hex":{"$text-600":["--theme-title-color","--theme-body-color","--theme-default-color","--theme-weak-link-color"],"$text-500":["--theme-hint-color"],"$text-400":["--theme-disabled-color","--theme-default-disabled-color"],"$gray-100":["--theme-section-bg"],"$gray-200":["--theme-body-bg","--theme-default-hover-bg","--theme-default-disabled-bg"],"$success-500":["--theme-success-color","--theme-success-border-color"],"$success-100":["--theme-success-bg"],"$warning-500":["--theme-warning-color","--theme-warning-border-color"],"$warning-100":["--theme-warning-bg"],"$danger-500":["--theme-danger-color","--theme-danger-border-color"],"$danger-100":["--theme-danger-bg"],"$text-100":["--theme-default-bg","--theme-primary-color"],"$gray-300":["--theme-default-border-color"],"$primary-100":["--theme-default-selected-bg"],"$primary-500":["--theme-primary-bg","--theme-primary-border-color","--theme-link-color"],"$primary-400":["--theme-primary-hover-bg","--theme-primary-hover-border-color","--theme-link-hover-color","--theme-weak-link-hover-color"],"$primary-600":["--theme-primary-active-bg","--theme-primary-active-border-color","--theme-link-active-color","--theme-weak-link-active-color"],"$star-color":["--theme-rate-bg"]},"rgb":{"$text-600":["--theme-rgb-title-color","--theme-rgb-body-color","--theme-rgb-default-color","--theme-rgb-weak-link-color"],"$text-500":["--theme-rgb-hint-color"],"$text-400":["--theme-rgb-disabled-color","--theme-rgb-default-disabled-color"],"$gray-100":["--theme-rgb-section-bg"],"$gray-200":["--theme-rgb-body-bg","--theme-rgb-default-hover-bg","--theme-rgb-default-disabled-bg"],"$success-500":["--theme-rgb-success-color","--theme-rgb-success-border-color"],"$success-100":["--theme-rgb-success-bg"],"$warning-500":["--theme-rgb-warning-color","--theme-rgb-warning-border-color"],"$warning-100":["--theme-rgb-warning-bg"],"$danger-500":["--theme-rgb-danger-color","--theme-rgb-danger-border-color"],"$danger-100":["--theme-rgb-danger-bg"],"$text-100":["--theme-rgb-default-bg","--theme-rgb-primary-color"],"$gray-300":["--theme-rgb-default-border-color"],"$primary-100":["--theme-rgb-default-selected-bg"],"$primary-500":["--theme-rgb-primary-bg","--theme-rgb-primary-border-color","--theme-rgb-link-color"],"$primary-400":["--theme-rgb-primary-hover-bg","--theme-rgb-primary-hover-border-color","--theme-rgb-link-hover-color","--theme-rgb-weak-link-hover-color"],"$primary-600":["--theme-rgb-primary-active-bg","--theme-rgb-primary-active-border-color","--theme-rgb-link-active-color","--theme-rgb-weak-link-active-color"],"$star-color":["--theme-rgb-rate-bg"]},"vars":{"--theme-primary-bg":{"comment":" Primary background color of components, e.g. primary type button"},"--theme-primary-border-color":{"comment":" Primary border color of components, e.g. primary type button"},"--theme-primary-hover-bg":{"comment":" Hover state of primary background color of components, e.g. primary type button"},"--theme-primary-hover-border-color":{"comment":" Hover state of primary border color of components, e.g. primary type button"},"--theme-primary-active-bg":{"comment":" Active state of primary background color of components, e.g. primary type button"},"--theme-primary-active-border-color":{"comment":" Active state of primary border color of components, e.g. primary type button"},"--theme-link-color":{"comment":" Primary text link brand color"},"--theme-link-hover-color":{"comment":" Hover state of primary text link brand color"},"--theme-link-active-color":{"comment":" Active state of primary text link brand color"},"--theme-weak-link-hover-color":{"comment":" Hover state of primary text weak link brand color"},"--theme-weak-link-active-color":{"comment":" Active state of primary text weak link brand color"}}}')}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return i[e].call(n.exports,n,n.exports,l),n.exports}l.m=i,e=[],l.O=(t,n,o,r)=>{if(!n){var i=1/0;for(c=0;c=r)&&Object.keys(l.O).every((e=>l.O[e](n[s])))?n.splice(s--,1):(a=!1,r0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[n,o,r]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var r=Object.create(null);l.r(r);var i={};t=t||[null,n({}),n([]),n(n)];for(var a=2&o&&e;"object"==typeof a&&!~t.indexOf(a);a=n(a))Object.getOwnPropertyNames(a).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,l.d(r,i),r},l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((t,n)=>(l.f[n](e,t),t)),[])),l.u=e=>e+"-"+{77:"5a0d24387c690a71bc67",183:"59363fb3f4a8cb4b288f",294:"9830d96cf35f04a8fb9b",381:"b6a3c1eb7bf7cfcb1ee3",405:"7941fb569eef0c45f472",413:"cbeac10b57e0d3bfa92f",457:"77002ebe145c42e3c71c",459:"a242ce299808f150ebfc",464:"dcad482a87b99b6bfa34",467:"52c0a521bd531d95bb23",508:"3c35062196dc20048f1e",509:"dd89cb2a446fde27e7de",541:"cf326336c37ed7081141",610:"364f675f2d4041c60cbb",624:"f2c35de5eeee054cb44b",646:"5dafc2d552d80a47ad4d",730:"e21c9db8232350aa7358",772:"e753347057f35d247e1a",835:"9602b6e1d5d62a63e8f5",870:"25c0dfa058fdfd34f943",896:"c50416f68661cd84f165",964:"a8711cda6c86146892d8",1026:"13d783dddf38a6a5e153",1035:"701233b1645e35826111",1074:"e7aaf997c8fed941969d",1127:"746583fb6962c1fc1b11",1216:"fb5a65c7247e9dc21be5",1230:"37190b5778ac2fa53be9",1415:"f0eaee3e24072c46ec89",1430:"4f36c74e992b9cd361aa",1553:"3e5206eabf348314f641",1610:"31d21e140310747831d4",1636:"e01e5d5d46d81e4e9df6",1663:"735a3020c28315b6c925",1837:"607d6b12dac81c2d92a9",1846:"065b57cc96e40c78b4c8",1859:"970d893d2ef65e2e40e0",1937:"c68c78ba64a25b5d73cb",2083:"eca27842e3cce7abebd0",2093:"51b8e8fb0743932c52f0",2124:"517651e75834b1254684",2174:"6403081fa8f5ac994007",2221:"004e488f028d439da217",2226:"f68a4762c7da7999878c",2336:"1843d25c0224afc8aec5",2374:"0dd8d37485208ea4eb6b",2397:"7be37a8645f6371636ee",2449:"c22d43d3edf77b6bf1ab",2469:"b03711a4106623145fa3",2476:"92a15ef3f70d71450832",2554:"6b71b0a9bd34459832e6",2583:"e9ae0546850ce11f8a70",2604:"29b10ffe0a89edbd13ce",2673:"5870b02c5b245072df21",2714:"a038ca33e39df5314a15",2764:"34b8145a4edde9b763dd",2779:"19c10041aeb3f69113da",2797:"c67a104140b25c947877",2811:"410b89c0faa20e5835b2",2866:"6c2812cf197b5b07232f",2868:"207043e08a204c75cbb9",3051:"78e75e12884e6def2821",3205:"95674499298ea294eb63",3231:"9f04103d29c20354f61b",3296:"61b72c1d76f425327144",3310:"75a6078c893494259456",3314:"c6304b58be574d7d0b87",3345:"dc6e1a2dd4f142f2f36a",3369:"6cf76cc747f712049106",3382:"1795100a52e742adac5e",3420:"ebfe824e9974539e99e9",3425:"a1d5470b4696f4f1d6b3",3439:"07911b779531f5c29136",3481:"0b46e87347e4ac5fed41",3533:"067f6305d93007c59bd2",3536:"0fc6a0c94865ed238975",3646:"56cf5d8287101785bf41",3653:"f15d278a6a92923658ec",3679:"11ced6f0bf713792738a",3770:"466d50a89c7e15816415",3775:"2b62b422c2be32fdd20a",3807:"4aeb7e5b8a1ddf9bc86b",3826:"1ed4e3d28b8eb3ab6cda",3854:"93cf8fb0f26b594075a2",3898:"9d6e2f921a41c67a03ad",3935:"291c636888f1bf45d475",4112:"63c1a9255eacd4d811bd",4195:"ad14894e060da0365e3f",4229:"ff1883cb9e5217cdbe8f",4280:"57635153326ccf46aeab",4315:"e5bca41dda7c8ce60fb7",4372:"aee6cc6949817e263ce0",4373:"23612f8f91f642100c76",4439:"2708f2661fd815422677",4471:"86bd07a8e4dcaea4aaf9",4599:"b228648381907ea6b134",4600:"5c15f4a67f9ff84a9da9",4715:"180f1b8020ecd3ad34dc",4912:"1a8cae0bd62e327ea6dd",4947:"40cbb67e1634685e3aa0",5071:"8209ceaca9132e2aed85",5099:"5a25a45f70fd4fb57ee8",5166:"90d97f832798ce9afa5e",5183:"a8846e0ede1144110644",5217:"1343b37f9b50bc649651",5265:"1162927dd03ff47aa8d3",5353:"602ecd81659283594bc2",5504:"ddc42efffa022a12a163",5646:"f955988b6c2d0a14fe0c",5683:"b2c3a654aa6599d07a12",5762:"b8f9624db20163655019",5807:"7d50a75f1ffac0a5dbff",5870:"c8676029a80fc9a0dc1e",5876:"3c7529a969356146cb9a",5892:"3e8274f85a4280b2164a",5956:"ea4dfd02c1f82e1217ef",6110:"2597444eb14a75581dcb",6286:"f23e3e853a405baa7007",6298:"842bc4066c4606521557",6317:"799bd228a0c1478a58d6",6423:"edeffb22a26866769163",6445:"a20deaf1257976e5a613",6520:"9df9d20b55b36513da0b",6575:"41d99c9ca70797348375",6638:"6d8daa4d2a8c4a78e423",6823:"5f59015197e644c77f38",6852:"113d385d59cb7c179c12",6874:"8a289a7962e780708062",6938:"290efcb37ae005e78076",6945:"f3bf2e5f5e8ee7471343",7029:"2d2b91912e959e367870",7045:"f8fe05feba2897400ba1",7115:"9cfe09984ee5f840d52b",7167:"0dc43886ec9d304c71f1",7172:"79cb65ce65be11c12b20",7249:"c0b8aa87adbccbcc4f9b",7267:"cae9496979278a9d83c4",7363:"11ab14b76bd754ee716d",7481:"10cb90ec488576392e79",7528:"59a7e58e807f279542b5",7570:"55e41f2f449579655676",7572:"b00d50561a4dc0c9c045",7637:"ddd8da1eb48d9dc43f35",7652:"20a5b8c942c1323dbd78",7659:"2c849f503e21588b4124",7700:"7cfd48e79061c79fd056",7807:"e064eeb9d3904cad8284",7836:"b5bfed8073a2beb189a1",7879:"405c58f097bc3158ebf8",7932:"84c6cdf9659c91cbca2b",7950:"6c3e3e7446e051d9e0c7",8034:"a48654aafe076151b475",8212:"91222e1f961e7f7cb4d3",8262:"086f859c773a57168c83",8339:"ce86ea8b78faf514aee2",8503:"1365eb5f934933ad355b",8513:"05eef8492f568378e6b2",8606:"8e878335ed33229c0c3d",8689:"603d9dba3580d228f4a3",8757:"29d69389e8c4f78163d2",8767:"b1ad36bd9f9f02e89459",8770:"2b6e646a1b6e6f384a54",8800:"edc8187fa167168e565d",8846:"5f2c9b087360c0a83a03",8878:"f6437a61de4f9ca04d93",8935:"667ed954b9c085e7ec25",8982:"e5444e38e0c5eca6208e",9052:"936fa363419247a4d641",9086:"bc9ac102624600daee04",9145:"4f12d6a13786e9f0afe4",9349:"27fcc4da566c48f7fe0b",9395:"87059b8fce31c1dc6350",9430:"bfe2cd1add9d07e5a966",9480:"93704f381c318fd5a9db",9499:"9b2cebe1eb1efed5431b",9503:"ef68c52659ca5121f21f",9570:"23d933efff04cf2b84a4",9632:"a85938cc3f83af4a0517",9690:"2cd8980d1cf57c253ab4",9736:"1b67d0fad756c8ca1ea6",9757:"53174c1ce8d926c6b17b",9760:"0b291d8eb9b0e0b2752e",9871:"a74f6f6b5eaaa45fc7b6",9907:"72db89ee413de5677397",9928:"3aa4f476eb7e4f682cc9",9952:"a480fb6afc0a89011ba8"}[e]+".js",l.miniCssF=e=>{},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o={},r="zent-docs:",l.l=(e,t,n,i)=>{if(o[e])o[e].push(t);else{var a,s;if(void 0!==n)for(var c=document.getElementsByTagName("script"),u=0;u{a.onerror=a.onload=null,clearTimeout(h);var r=o[e];if(delete o[e],a.parentNode&&a.parentNode.removeChild(a),r&&r.forEach((e=>e(n))),t)return t(n)},h=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),s&&document.head.appendChild(a)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="/zent/",(()=>{var e={1163:0};l.f.j=(t,n)=>{var o=l.o(e,t)?e[t]:void 0;if(0!==o)if(o)n.push(o[2]);else{var r=new Promise(((n,r)=>o=e[t]=[n,r]));n.push(o[2]=r);var i=l.p+l.u(t),a=new Error;l.l(i,(n=>{if(l.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var r=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+r+": "+i+")",a.name="ChunkLoadError",a.type=r,a.request=i,o[1](a)}}),"chunk-"+t,t)}},l.O.j=t=>0===e[t];var t=(t,n)=>{var o,r,[i,a,s]=n,c=0;for(o in a)l.o(a,o)&&(l.m[o]=a[o]);if(s)var u=s(l);for(t&&t(n);cl(18369)));s=l.O(s)})(); \ No newline at end of file diff --git a/index.html b/index.html index a9c397c29..00f35d928 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Zent - 好用的React组件库
    Loading...
    \ No newline at end of file +Zent - 好用的React组件库
    Loading...
    \ No newline at end of file